/* ================================ Skin styles for DotNetNuke ================================ */ .controlpanel { width: 100%; background-color: #fefefe; } /*Ordina*/ body { background-color: #e9e9e9; margin: 0px; FONT-FAMILY: Verdana, Arial, sans-serif; font-size:12px; background-image:url(images/bckgr.jpg); background-repeat:repeat-x; SCROLLBAR-FACE-COLOR: #c8cac8; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #636563; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #012d74; SCROLLBAR-TRACK-COLOR: #e3e5e3; SCROLLBAR-DARKSHADOW-COLOR: #636563; } .leftLink { background-image:url(images/bgButton.gif); background-position:right; background-repeat:repeat-y; } .leftSeperator { background-image:url(images/line_nav.gif); background-position:right; background-repeat:repeat-y; } /* --- linkstyles --- */ A { COLOR: #de3e51; FONT-SIZE: 11px; TEXT-DECORATION: underline } A:active { COLOR: #474747; FONT-SIZE: 11px; TEXT-DECORATION: none } A:visited { COLOR: #474747 ; FONT-SIZE: 11px; TEXT-DECORATION: none } A:hover { COLOR: #de3e51;FONT-SIZE: 11px; TEXT-DECORATION: underline } A.leftNav {COLOR: #474747; FONT-SIZE: 12px; TEXT-DECORATION: underline } A.leftNav:active { COLOR: #474747; FONT-SIZE: 12px; TEXT-DECORATION: none } A.leftNav:visited {COLOR: #474747; FONT-SIZE: 12px; TEXT-DECORATION: underline } A.leftNav:hover { COLOR: #474747;FONT-SIZE: 12px; TEXT-DECORATION: underline } /* --- navigation --- */ td.navigatie { text-align:right } A.navigatie { font-size: 11px; color: #728321; text-decoration: none; font-weight:bold } A.navigatie:active { font-size: 11px; color: #000000; text-decoration: none; font-weight:bold } A.navigatie:visited { font-size: 11px; color: #728321; text-decoration: none; font-weight:bold } A.navigatie:hover { font-size: 11px; color: #000000; text-decoration: none; font-weight:bold } A.navhl { font-size: 11px; color: #000000; text-decoration: none; font-weight:bold } A.navhl:active { font-size: 11px; color: #de3e51; text-decoration: none; font-weight:bold } A.navhl:visited { font-size: 11px; color: #000000; text-decoration: none; font-weight:bold } A.navhl:hover { font-size: 11px; color: #de3e51; text-decoration: none; font-weight:bold } A.subnav { font-size: 11px; color: #828081; text-decoration: none } A.subnav:active { font-size: 11px; color: #000000; text-decoration: none } A.subnav:visited { font-size: 11px; color: #828081; text-decoration: none } A.subnav:hover { font-size: 11px; color: #000000; text-decoration: none } A.subnavhl { font-size: 11px; color: #000000; text-decoration: none } A.subnavhl:active { font-size: 11px; color: #de3e51; text-decoration: none } A.subnavhl:visited { font-size: 11px; color: #000000; text-decoration: none } A.subnavhl:hover { font-size: 11px; color: #de3e51; text-decoration: none; } /* --- links --- */ A.jobs { font-size: 11px; color: #292e6f; word-wrap: break-word; text-decoration: none; font-weight:bold; background-color:#d7e3ea } A.jobs:active { font-size: 11px; color: #667490; text-decoration: none; font-weight:bold; background-color:#d7e3ea } A.jobs:visited { font-size: 11px; color: #292e6f; text-decoration: none; font-weight:bold; background-color:#d7e3ea } A.jobs:hover { font-size: 11px; color: #667490; text-decoration: none; font-weight:bold; background-color:#d7e3ea } A.allejobs { font-size: 12px; color: #de3e51; text-decoration: underline; font-weight:bold; } A.allejobs:active { font-size: 12px; color: #000000; text-decoration: none; font-weight:bold} A.allejobs:visited { font-size: 12px; color: #de3e51; text-decoration: underline; font-weight:bold } A.allejobs:hover { font-size: 12px; color: #000000; text-decoration: none; font-weight:bold} A.eventshp { font-size: 12px; color: #FFFFFF; text-decoration: underline; font-weight:bold; } A.eventshp:active { font-size: 12px; color: #adadad; text-decoration: none; font-weight:bold} A.eventshp:visited { font-size: 12px; color: #FFFFFF; text-decoration: underline; font-weight:bold } A.eventshp:hover { font-size: 12px; color: #adadad; text-decoration: none; font-weight:bold} A.events { COLOR: #de3e51; FONT-SIZE: 11px; TEXT-DECORATION: underline } A.events:active { COLOR: #474747; FONT-SIZE: 11px; TEXT-DECORATION: none } A.events:visited { COLOR: #de3e51; FONT-SIZE: 11px; TEXT-DECORATION: underline } A.events:hover { COLOR: #474747;FONT-SIZE: 11px; TEXT-DECORATION: underline } A.specjobs { font-size: 11px; color: #000000; text-decoration: underline; font-weight:bold; } A.specjobs:active { font-size: 11px; color: #474747; text-decoration: none; font-weight:bold} A.specjobs:visited { font-size: 11px; color: #000000; text-decoration: underline; font-weight:bold } A.specjobs:hover { font-size: 11px; color: #474747; text-decoration: none; font-weight:bold} A.allespecjobs { font-size: 11px; color: #de3e51; text-decoration: underline } A.allespecjobs:active { font-size: 11px; color: #000000; text-decoration: none} A.allespecjobs:visited { font-size: 11px; color: #de3e51; text-decoration: underline } A.allespecjobs:hover { font-size: 11px; color: #000000; text-decoration: none} /* --- titels --- */ .titel { FONT-FAMILY: Trebuchet MS, Verdana, Arial, sans-serif; FONT-SIZE: 22px; COLOR: #4c4c4c; line-height: 22px; font-weight:bold } .subtitel { FONT-FAMILY: Trebuchet MS, Verdana, Arial, sans-serif; FONT-SIZE: 16px; COLOR: #000000; line-height: 16px; font-weight:bold} .subtitelrood { FONT-FAMILY: Trebuchet MS, Verdana, Arial, sans-serif; FONT-SIZE: 16px; COLOR: #b21234; line-height: 16px; font-weight:bold} .subtitelwit { FONT-FAMILY: Trebuchet MS, Verdana, Arial, sans-serif; FONT-SIZE: 13px; COLOR: #FFFFFF; line-height: 15px; font-weight:bold} /* --- classes --- */ TD { FONT-SIZE: 12px; COLOR: #000000; line-height: 16px; } TD.grijzebalk { background-color:#4f4f4f; height:24 } TD.gradatielinks { height:116; background-image:url(images/bckgr_gradatie_links.jpg); background-color: #e9e9e9; } TD.gradatierechts { height:116; background-image:url(images/bckgr_gradatie_rechts.jpg); background-color: #e9e9e9; } TD.bckgrmidden { height:66; background-image:url(images/bckgr_midden.jpg); background-color: #e9e9e9; background-repeat:repeat-y} TD.rechterkolomgrijs { background-color: #d6d6d5} TD.rechterkolomgradatie { background-image:url(images/bckgr_rechterk_grijs.jpg); background-color: #d6d6d5} TD.rechterkolomblauw { background-color: #b0c5e2} TD.rechterkolomlichtblauw { background-color: #eff3f9} HR.line { color:#e5e5e5 } td.blokjeevents { text-align: center; font-weight:bold; color:#FFFFFF; background-image:url(images/bckgr_blokje_events.jpg); height:26px; padding-left: 14px; padding-right: 14px } TD.eventshp { FONT-SIZE: 11px; COLOR: #FFFFFF; line-height: 16px; } .events { FONT-SIZE: 11px; COLOR: #000000; line-height: 16px; } .eventsShort { FONT-SIZE: 11px; COLOR: #FFFFFF; line-height: 16px; } .eventsList { FONT-SIZE: 11px; COLOR: #000000; line-height: 16px; } .eventshp { FONT-SIZE: 12px; COLOR: #FFFFFF; line-height: 16px; font-weight:bold; } /* --- adres --- */ .adrestitel { FONT-FAMILY: Trebuchet MS, Verdana, Arial, sans-serif; FONT-SIZE: 18px; COLOR: #9f9b9b; line-height: 30px; } .adres { FONT-SIZE: 11px; COLOR: #9f9b9b } A.adres { COLOR: #4a6388; FONT-SIZE: 11px; TEXT-DECORATION: underline } A.adres:active { COLOR: #333333; FONT-SIZE: 11px; TEXT-DECORATION: none } A.adres:visited { COLOR: #4a6388; FONT-SIZE: 11px; TEXT-DECORATION: underline } A.adres:hover { COLOR: #333333; FONT-SIZE: 11px; TEXT-DECORATION: underline } /* --- footer --- */ .footer { FONT-SIZE: 10px; COLOR: #7f7f7f; padding-left: 14px; padding-right: 14px } .footertext { FONT-SIZE: 10px; COLOR: #7f7f7f; padding-left: 4px; padding-right: 4px } A.footer { COLOR: #de3e51; FONT-SIZE: 10px; TEXT-DECORATION: none; padding-left: 4px; padding-right: 4px } A.footer:active { COLOR: #7f7f7f; FONT-SIZE: 10px; TEXT-DECORATION: underline; padding-left: 4px; padding-right: 4px } A.footer:visited { COLOR: #de3e51; FONT-SIZE: 10px; TEXT-DECORATION: none; padding-left: 4px; padding-right: 4px } A.footer:hover { COLOR: #7f7f7f; FONT-SIZE: 10px; TEXT-DECORATION: underline; padding-left: 4px; padding-right: 4px } /* --- footer homepage --- */ .footerhp { FONT-SIZE: 10px; COLOR: #ffffff; padding-left: 14px; padding-right: 14px } .footertexthp { FONT-SIZE: 10px; COLOR: #ffffff; padding-left: 4px; padding-right: 4px } A.footerhp { COLOR: #ffffff; FONT-SIZE: 10px; TEXT-DECORATION: none; padding-left: 4px; padding-right: 4px } A.footerhp:active { COLOR: #e5e5e5; FONT-SIZE: 10px; TEXT-DECORATION: underline; padding-left: 4px; padding-right: 4px } A.footerhp:visited { COLOR: #ffffff; FONT-SIZE: 10px; TEXT-DECORATION: none; padding-left: 4px; padding-right: 4px } A.footerhp:hover { COLOR: #e5e5e5; FONT-SIZE: 10px; TEXT-DECORATION: underline; padding-left: 4px; padding-right: 4px } /* --- breadcrumbs --- */ .breadcrumbs { FONT-SIZE: 10px; COLOR: #3d3c3c; line-height: 14px; text-align:right} .breadcrumbstxt { FONT-SIZE: 10px; COLOR: #747474; line-height: 14px; text-align:right} A.breadcrumbs { COLOR: #3d3c3c; FONT-SIZE: 10px; TEXT-DECORATION: underline } A.breadcrumbs:active { COLOR: #747474; FONT-SIZE: 10px; TEXT-DECORATION: none } A.breadcrumbs:visited { COLOR: #3d3c3c; FONT-SIZE: 10px; TEXT-DECORATION: underline } A.breadcrumbs:hover { COLOR: #747474; FONT-SIZE: 10px; TEXT-DECORATION: underline } /* --- Form elements --- */ INPUT, TEXTAREA, SELECT { font-size: 11px; color: #6e7e99; background-color: #ffffff; height:20px } INPUT.zoekbutton { font-size: 11px; color: #ffffff; background-color: #525252; height:20px; font-weight:bold; border:thin #525252; padding:2px } LI {list-style-image:url(images/arrow_list.gif)} /*--- colors --- */ .ZwartXXL { FONT-SIZE: 20px; COLOR: #000000; line-height:20px } .ZwartXL { FONT-SIZE: 18px; COLOR: #000000; line-height:18px } .ZwartL { FONT-SIZE: 14px; COLOR: #000000; line-height:16px } .ZwartM { FONT-SIZE: 12px; COLOR: #000000; line-height:15px } .ZwartS { FONT-SIZE: 11px; COLOR: #000000; line-height:14px } .LichtGrijsXXL { FONT-SIZE: 20px; COLOR: #9c9999; line-height:20px } .LichtGrijsXL { FONT-SIZE: 18px; COLOR: #9c9999; line-height:18px } .LichtGrijsL { FONT-SIZE: 14px; COLOR: #9c9999; line-height:16px } .LichtGrijsM { FONT-SIZE: 12px; COLOR: #9c9999; line-height:15px } .LichtGrijsS { FONT-SIZE: 11px; COLOR: #9c9999; line-height:14px } .GrijsXXL { FONT-SIZE: 20px; COLOR: #4c4c4c; line-height:20px } .GrijsXL { FONT-SIZE: 18px; COLOR: #4c4c4c; line-height:18px } .GrijsL { FONT-SIZE: 14px; COLOR: #4c4c4c; line-height:16px } .GrijsM { FONT-SIZE: 12px; COLOR: #4c4c4c; line-height:15px } .GrijsS { FONT-SIZE: 11px; COLOR: #4c4c4c; line-height:14px} .RoodXXL { FONT-SIZE: 20px; COLOR: #de3e51; line-height:20px } .RoodXL { FONT-SIZE: 18px; COLOR: #de3e51; line-height:18px } .RoodL { FONT-SIZE: 14px; COLOR: #de3e51; line-height:16px } .RoodM { FONT-SIZE: 12px; COLOR: #de3e51; line-height:15px } .RoodS { FONT-SIZE: 11px; COLOR: #de3e51; line-height:14px } /*--- tables --- */ TABLE.tabel { width:100%; border:1px; border-color:#de3e51 } td.titelshor { background-color:#a00025; text-align:center; padding: 3px; font-weight:bold; color:#FFFFFF} TD.tableSpacer {height:20px; vertical-align:bottom; }