/* ================================================================================ ===== CSS STYLES FOR ===== ===== SCHOOLWEBSITE.NU SKIN ===== ================================================================================ */ /* nieuwe dnn */ /* #ControlBar_ControlPanel:before { position:absolute;left:5px;top:5px;width:46px;height:46px;z-index:99;content:" "; background:transparent url(images/logoW2W_w.png) no-repeat center center;background-size:auto 75%;animation:w2w_pop 3s normal 0s 1; } @keyframes w2w_pop{0%,75%{transform:scale(0); }100%{transform:scale(1); }} */ #ControlNav { margin-left:60px!important; } #ControlNav:before { position:absolute;left:5px;top:4px;width:46px;height:46px;z-index:99;content:" "; background:transparent url(images/logoW2W_w.png) no-repeat center center;background-size:auto 65%;animation:w2w_pop 1.5s normal 0s 1; } @keyframes w2w_pop{0%,50%{transform:scale(0); }100%{transform:scale(1); }} /* ---------------------- klikbaar op logo via css3? http://stackoverflow.com/questions/3859101/what-does-ahref-do-in-css ---------------------- */ /* oude dnn #ControlBar_conrolbar_logo{display:none!important; } #ControlBar .ServiceIcon{height:100%;background:transparent url(images/logoW2W_w.png) no-repeat center center;background-size:auto 65%;animation:w2w_pop 3s normal 0s 1; } @keyframes w2w_pop{0%,75%{transform:scale(0); }100%{transform:scale(1); }} */ .sc-content-block-menu {display:none !important} /* ================================================================================ GENERAL SETTINGS ================================================================================ */ @font-face { font-family:"Ionicons"; src:url("fonts/Ionicons_2_0_1/ionicons.eot"); src:url("fonts/Ionicons_2_0_1/ionicons.eot#iefix") format("embedded-opentype"), url("fonts/Ionicons_2_0_1/ionicons.ttf") format("truetype"), url("fonts/Ionicons_2_0_1/ionicons.woff") format("woff"), url("fonts/Ionicons_2_0_1/ionicons.svg#Ionicons") format("svg"); font-weight:normal; font-style:normal; } html { margin:0px; padding:0px; overflow-y:scroll;/* Altijd een scrollbalk afdwingen i.v.m. verspringingen */ } .noScroll { position:fixed;width:100%; } body { text-align:left; } #Body { } /* Achtergrondkleuren + afbeeldingen hier */ #Form { } /* om hoogte op minimaal 100% te zetten, mag wel groter */ body, a, .DNNModuleContent .Content, .DNNModuleContent .Content .Normal { font-family:'Signika', sans-serif; font-weight:400; font-size:16px; line-height:1.5; color:#131d49; } p { margin:0; } /* HEADINGS */ H1, H2, H3, H4, H5 { font-family:'Signika', sans-serif;letter-spacing:normal;font-weight:400;color:#f0b300;line-height:1; } H1 { font-size:50px;margin-top:0px; margin-bottom:15px; } H2 {font-size:30px;color:#131d49;font-weight:700; } H3 {font-size:19px;color:#131d49;font-weight:700; } H4 {font-size:16px;color:#131d49; } H5 {font-size:14px;color:#131d49; } .WS2 H1 { color:#f39200; } .WS2 H2, .WS2 H3, .WS2 H4, .WS2 H5 { color:#26318c; } .WS3 H1 { color:#c0240c; } .WS3 H2, .WS3 H3, .WS3 H4, .WS3 H5 { color:#3c4092; } .WS4 H1 { color:#ef4136; } .WS4 H2, .WS4 H3, .WS4 H4, .WS4 H5 { color:#00a4e4; } .WS5 H1 { color:#0073ce; } .WS5 H2, .WS5 H3, .WS6 H4, .WS5 H5 { color:#0073ce; } .WS6 H1 { color:#de8857; } .WS6 H2, .WS6 H3, .WS6 H4, .WS6 H5 { color:#588e8e; } .WS7 H1 { color:#fc1c14; } .WS7 H2, .WS6 H3, .WS6 H4, .WS6 H5 { color:#67b1d4; } .WS8 H1 { color:#DE3694 ; } .WS8 H2, .WS7 H3, .WS7 H4, .WS7 H5 { color:#33ADC1 ; } .WS9 H1 { color:#1c65a3; } .WS9 H2, .WS9 H3, .WS9 H4, .WS9 H5 { color: #8fb823; } .WS10 H1 { color:#0173ba; } .WS10 H2, .WS10 H3, .WS10 H4, .WS10 H5 { color: #8b0014; } .WS11 H1 { color:#0173ba; } .WS11 H2, .WS11 H3, .WS11 H4, .WS11 H5 { color: #8b0014; } /* LINKS */ a:link, a:visited {text-decoration:none!important; } a:hover, a:active { color:#3b3b39;text-decoration:none!important; } /* zelfde pubmods - seq - opmaak.css */ .isSeq #Content a, .isSeq #Content a:link, .isSeq #Content a:visited {text-decoration:none!important;transition:color 0.25s ease;/*color:#c51a1b;*/ } .isSeq #Content a:hover, .isSeq #Content a:active { color:#3b3b39;text-decoration:none!important; } /* zelfde pubmods - seq - opmaak.css */ .WS4.isSeq #Content a:hover, .WS4.isSeq #Content a:active { color:#fdb932; } /* zelfde pubmods - seq - opmaak.css */ .WS1 .ThemeDefault .EventDayHeader { background-color:#da2815; } .WS1.isSeq .pubItem img { box-shadow:0px 0px 0px 3px #da2815; } .WS1.isSeq .pubItem img:hover { box-shadow:0px 0px 0px 3px #e7550d; } .WS1.isSeq #Content .DnnModule a { color:#005fa9; } .WS1.isSeq #Content .DnnModule a:hover { color:#e7550d; } .WS2 .ThemeDefault .EventDayHeader { background-color:#f39200; } .WS2.isSeq .pubItem img { box-shadow:0px 0px 0px 3px #f39200; } .WS2.isSeq .pubItem img:hover { box-shadow:0px 0px 0px 3px #131d49; } .WS2.isSeq #Content .DnnModule a { color:#f39200; } .WS2.isSeq #Content .DnnModule a:hover { color:#131d49; } .WS3 .ThemeDefault .EventDayHeader { background-color:#3c4092; } .WS3.isSeq .pubItem img { box-shadow:0px 0px 0px 3px #3c4092; } .WS3.isSeq .pubItem img:hover { box-shadow:0px 0px 0px 3px #c0240c; } .WS3.isSeq #Content .DnnModule a { color:#3c4092; } .WS3.isSeq #Content .DnnModule a:hover { color:#c0240c; } .WS4 .ThemeDefault .EventDayHeader { /* background-color:#da2815; */ } .WS4.isSeq .pubItem img { box-shadow:0px 0px 0px 3px #00a0e2; } .WS4.isSeq .pubItem img:hover { box-shadow:0px 0px 0px 3px #fdb932; } /* niet meer in gebruik ?! */ .WS4.isSeq #Content .DnnModule a { color:#00a0e2; } .WS4.isSeq #Content .DnnModule a:hover { color:#fdb932; } .WS5 .ThemeDefault .EventDayHeader { /* background-color:#da2815; */ } .WS5.isSeq .pubItem img { box-shadow:0px 0px 0px 3px #00a0e2; } .WS5.isSeq .pubItem img:hover { box-shadow:0px 0px 0px 3px #f0c100; } /* niet meer in gebruik ?! */ .WS5.isSeq #Content .DnnModule a { color:#f0c100; } .WS5.isSeq #Content .DnnModule a:hover { color:#f0c100; } .WS6 .ThemeDefault .EventDayHeader { /* background-color:#da2815; */ } .WS6.isSeq .pubItem img { box-shadow:0px 0px 0px 3px #000; } .WS6.isSeq .pubItem img:hover { box-shadow:0px 0px 0px 3px #000; } /* niet meer in gebruik ?! */ .WS6.isSeq #Content .DnnModule a { color:#000; } .WS6.isSeq #Content .DnnModule a:hover { color:#000; } .WS7 .ThemeDefault .EventDayHeader { /* background-color:#ea2e5f; */ } .WS7.isSeq .pubItem img { box-shadow:0px 0px 0px 3px #000; } .WS7.isSeq .pubItem img:hover { box-shadow:0px 0px 0px 3px #000; } /* niet meer in gebruik ?! */ .WS7.isSeq #Content .DnnModule a { color:#fc1c14; } .WS7.isSeq #Content .DnnModule a:hover { text-decoration:underline; } .WS7 .ThemeDefault .EventDayHeader { /* background-color:#AA7D51 ; */ } .WS7.isSeq .pubItem img { box-shadow:0px 0px 0px 3px #000; } .WS7.isSeq .pubItem img:hover { box-shadow:0px 0px 0px 3px #000; } /* niet meer in gebruik ?! */ .WS7.isSeq #Content .DnnModule a { color:#AA7D51 ; } .WS7.isSeq #Content .DnnModule a:hover { text-decoration:underline; } .WS8 .ThemeDefault .EventDayHeader { /* background-color:#AA7D51 ; */ } .WS8.isSeq .pubItem img { box-shadow:0px 0px 0px 3px #000; } .WS8.isSeq .pubItem img:hover { box-shadow:0px 0px 0px 3px #000; } /* niet meer in gebruik ?! */ .WS8.isSeq #Content .DnnModule a { color:#DE3694 ; } .WS8.isSeq #Content .DnnModule a:hover { text-decoration:underline; color:#33ADC1 ; } .WS9 .ThemeDefault .EventDayHeader { /* background-color:#AA7D51 ; */ } .WS9.isSeq .pubItem img { box-shadow:0px 0px 0px 3px #000; } .WS9.isSeq .pubItem img:hover { box-shadow:0px 0px 0px 3px #000; } /* niet meer in gebruik ?! */ .WS9.isSeq #Content .DnnModule a { color:#8fb823; } .WS9.isSeq #Content .DnnModule a:hover { text-decoration:underline; color:#1c65a3; } .WS10 .ThemeDefault .EventDayHeader { /* background-color:#AA7D51 ; */ } .WS10.isSeq .pubItem img { box-shadow:0px 0px 0px 3px #000; } .WS10.isSeq .pubItem img:hover { box-shadow:0px 0px 0px 3px #000; } /* niet meer in gebruik ?! */ .WS10.isSeq #Content .DnnModule a { color:#8b0014; } .WS10.isSeq #Content .DnnModule a:hover { text-decoration:underline; color:#0173ba; } .WS11 .ThemeDefault .EventDayHeader { /* background-color:#AA7D51 ; */ } .WS11.isSeq .pubItem img { box-shadow:0px 0px 0px 3px #000; } .WS11.isSeq .pubItem img:hover { box-shadow:0px 0px 0px 3px #000; } /* niet meer in gebruik ?! */ .WS11.isSeq #Content .DnnModule a { color:#8b0014; } .WS11.isSeq #Content .DnnModule a:hover { text-decoration:underline; color:#0173ba; } .ThemeDefault .EventTitle { color:#131d49; } .ThemeDefault .EventDay .EventDayScroll > div > a { background-color:#ddd!important; } /* editor ?! */ #Form .UserMode1 .reContentCell a { color:#c0240c;text-decoration:underline!important;cursor:pointer; } #Form .UserMode1 .reContentCell a:hover { color:#ff6633;text-decoration:underline!important; } .reWrapper { } /* TABLES */ table {font-size:inherit; } /* om de lettergrootte in de editor gelijk te zetten */ table tr {} table tr th {} table tr td { vertical-align:top; } /* DNN SPECIFIC */ .Head, .SubHead, .SubSubHead, .Normal, .NormalTextBox, .NormalRed, .NormalBold, .CommandButton { font-family:inherit;color:inherit;line-height:inherit;font-size:inherit} .Head { font-size:15px; } /* style for module titles */ .SubHead {font-size:14px; } /* style of item titles on edit and admin pages */ .SubSubHead { font-size:13px; } /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */ .NormalBold { font-weight:bold; } .CommandButton {} /* text style for buttons and link buttons used in the portal admin pages */ A.CommandButton:link {} /* hyperlink style for buttons and link buttons used in the portal admin pages */ A.CommandButton:visited {} A.CommandButton:hover {} A.CommandButton:active {} .StandardButton {} /* button style for standard HTML buttons */ /* COMMON ISSUES */ img {border:0px; } /* geen standaard rand bij afbeeldingen wanneer er gelinkt wordt */ input[type=submit], input[type=button] {} input[type=submit]:hover, input[type=button]:hover {} /* * { transition:background-color 0.3s ease;-webkit-transition:background-color 0.3s ease; } */ #homeRij1 *, #homeRij2 * { } #Menu { transition:background-color 0.1s ease; } /* DNN tab fix*/ ul.dnnAdminTabNav { height:auto !important} html > body > form #ControlBar_ControlPanel { z-index:1202 !important} /* Clearfix */ .clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0; } .clearfix:after{clear:both;content:'.';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0; } * html .clearfix,:first-child+html .clearfix{zoom:1; } #Form .RandomView { -webkit-margin-start:0px!important; } .BannerWrapper { width: 100%; height: 450px; overflow: hidden;} .BannerWrapper .BannerItem { width: 100%; height: 450px; background-size: cover; background-position: center;} @media only screen and (max-width:768px) { .BannerWrapper, .BannerWrapper .BannerItem { height: 300px; } } @media only screen and (max-width:520px) { .BannerWrapper, .BannerWrapper .BannerItem { height: 250px; } } /* ================================================================================ TEXT STYLING ================================================================================ */ .edKNOP .Normal a, /* via editor, werkt anders, geen
inside ! */ .edKNOP .RandomView a, /* fotomodule ovz */ a.KNOP /* eigen opmaak, ook met schuine kant dicht op elkaar en
inside */ { display:inline-block;color:#fff; font-family:'Signika', sans-serif;letter-spacing:normal;font-weight:400; font-size:22px; height:30px;line-height:30px;cursor:pointer; transition:none!important; } a.KNOP { float:left; } .edKNOP .Normal a { padding:0px 5px 0px 15px;margin-bottom:10px; } .edKNOP .RandomView a { padding:0px 5px 0px 15px;margin-bottom:8px; } a.KNOPnotFirst { margin:15px 0 15px -5px;/* top/bottom marge + inspring*/ } a.KNOP div { display:inline-block; padding:0px 0px 0px 15px; margin:0px -20px 0px 0px; transition:none!important; } .edKNOP .Normal a:after, .edKNOP .RandomView a:after, a.KNOP div:after { content:" ";display:block;float:right; height:30px;width:16px; position:relative; display:inline-block; margin-left:15px; transform:skew(-21deg, 0deg); transform-origin:50% 50%; left:-10px; } .edKNOP .Normal a:after, .edKNOP .RandomView a:after { margin-left:0px; transform:skew(-21deg, 0deg) translateX(20px); background:inherit; } div.KNOPsplitter { display:inline-block;float:left;width:0px;height:30px; } a.KNOPnotFirst div { padding:0; } a.KNOPnotFirst div:before { margin-right:0px; content:" ";display:block;float:left; height:30px;width:16px; position:relative; display:inline-block; margin-left:0px; transform:skew(-21deg, 0deg); left:-7px; } .edKNOP .RandomView a { text-align:left; } .edKNOP .Normal a { background:#131d49; } /* default */ .edKNOP .RandomView a { background:#787fb7; } /* default */ .WS7 .edKNOP .Normal a { background:#7fc41b; } /* default */ .WS7 .edKNOP .RandomView a { background:#67b1d4; } /* default */ .WS7 .edKNOP .Normal a:hover { background:#131d49; } /* default */ .WS7 .edKNOP .RandomView a:hover { background:#131d49; } /* default */ .WS8 .edKNOP .Normal a { background:#AA7D51 ; } /* default */ .WS8 .edKNOP .RandomView a { background:#AA7D51 ; } /* default */ .WS8 .edKNOP .Normal a:hover { background:#131d49; } /* default */ .WS8 .edKNOP .RandomView a:hover { background:#131d49; } /* default */ .WS9 #homeRij3 .edKNOP .Normal a { background: #ff7909; min-width: 0; } /* EDITOR:vaste breedte knoppen, twee versies */ .edKNOP .KNOP_wide .Normal a, .edKNOP .KNOP_wide .RandomView a { min-width:225px; } .edKNOP .KNOP_xwide .Normal a, .edKNOP .KNOP_xwide .RandomView a { min-width:280px; } /* HOME RIJ 1 */ #homeRij1 a.KNOP { background:#005fa9;margin:15px 30px 15px 0px; } #homeRij1 a.KNOP div:before, #homeRij1 a.KNOP div:after { background:#005fa9; } #homeRij1 a.KNOPnotFirst { margin-left:-5px; } #homeRij1 a.KNOPnotFirst div:before { } .WS2 #homeRij1 a.KNOP, .WS2 #homeRij1 a.KNOP div:before, .WS2 #homeRij1 a.KNOP div:after { background:#f39200; } .WS3 #homeRij1 a.KNOP, .WS3 #homeRij1 a.KNOP div:before, .WS3 #homeRij1 a.KNOP div:after { background:#3c4092; } .WS4 #homeRij1 a.KNOP, .WS4 #homeRij1 a.KNOP div:before, .WS4 #homeRij1 a.KNOP div:after { background:#ef4136; } .WS5 a.KNOP { color:#fff; } /* portal anders */ .WS5 #homeRij1 a.KNOP, .WS5 #homeRij1 a.KNOP div:before, .WS5 #homeRij1 a.KNOP div:after { background:#0073ce; } .WS6 a.KNOP { color:#fff; } /* portal anders */ .WS6 #homeRij1 a.KNOP, .WS6 #homeRij1 a.KNOP div:before, .WS6 #homeRij1 a.KNOP div:after { background:#de8857; } .WS7 a.KNOP { color:#fff; } /* portal anders */ .WS7 #homeRij1 a.KNOP, .WS7 #homeRij1 a.KNOP div:before, .WS7 #homeRij1 a.KNOP div:after { background:#fc1c14; } .WS8 a.KNOP { color:#fff; } /* portal anders */ .WS8 #homeRij1 a.KNOP, .WS8 #homeRij1 a.KNOP div:before, .WS8 #homeRij1 a.KNOP div:after { background:#DE3694 ; } .WS9 a.KNOP { color:#fff; } /* portal anders */ .WS9 #homeRij1 a.KNOP, .WS9 #homeRij1 a.KNOP div:before, .WS9 #homeRij1 a.KNOP div:after { background:#1c65a3; } .WS10 a.KNOP { color:#fff; } /* portal anders */ .WS10 #homeRij1 a.KNOP, .WS10 #homeRij1 a.KNOP div:before, .WS10 #homeRij1 a.KNOP div:after { background:#0173ba; } .WS11 a.KNOP { color:#fff; } /* portal anders */ .WS11 #homeRij1 a.KNOP, .WS11 #homeRij1 a.KNOP div:before, .WS11 #homeRij1 a.KNOP div:after { background:#0173ba; } #Body #homeRij1 a.KNOP:hover, #Body #homeRij1 a.KNOP:active { background:#262d57; } #Body #homeRij1 a.KNOP:hover div:after, #Body #homeRij1 a.KNOP:active div:after { background:#262d57; } #Body #homeRij1 a.KNOPnotFirst:hover div:before, #Body #homeRij1 a.KNOPnotFirst:active div:before { background:#262d57; } #Body .WS4 #homeRij1 a.KNOP:hover, #Body #homeRij1 a.KNOP:active { background:#3c3c3b; } #Body .WS4 #homeRij1 a.KNOP:hover div:after, #Body #homeRij1 a.KNOP:active div:after { background:#3c3c3b; } #Body .WS4 #homeRij1 a.KNOPnotFirst:hover div:before, #Body #homeRij1 a.KNOPnotFirst:active div:before { background:#3c3c3b; } #Body .WS6 #homeRij1 a.KNOP:hover, #Body #homeRij1 a.KNOP:active { background:#000; } #Body .WS6 #homeRij1 a.KNOP:hover div:after, #Body #homeRij1 a.KNOP:active div:after { background:#000; } #Body .WS6 #homeRij1 a.KNOPnotFirst:hover div:before, #Body #homeRij1 a.KNOPnotFirst:active div:before { background:#000; } /* .WS2 #homeRij1 h1 { color:#f39200; } .WS3 #homeRij1 h1 { color:#3c4092; } */ /* HOME RIJ AGD */ #homeRijAgd a.KNOP { background:#e7550d;margin:0px 0 30px 0px; } #homeRijAgd a.KNOP div:before, #homeRijAgd a.KNOP div:after { background:#e7550d; } .WS2 #homeRijAgd a.KNOP, .WS2 #homeRijAgd a.KNOP div:before, .WS2 #homeRijAgd a.KNOP div:after { background:#26318c; } .WS2 #homeRijAgd a.KNOP:hover, .WS2 #homeRijAgd a.KNOP:hover div:before, .WS2 #homeRijAgd a.KNOP:hover div:after { background:#262d57; } .WS3 #homeRijAgd a.KNOP, .WS3 #homeRijAgd a.KNOP div:before, .WS3 #homeRijAgd a.KNOP div:after { background:#1384c7; } .WS3 #homeRijAgd a.KNOP:hover, .WS3 #homeRijAgd a.KNOP:hover div:before, .WS3 #homeRijAgd a.KNOP:hover div:after { background:#131d49; } .WS4 #homeRijAgd a.KNOP, .WS4 #homeRijAgd a.KNOP div:before, .WS4 #homeRijAgd a.KNOP div:after { background:#00a4e4; } .WS4 #homeRijAgd a.KNOP:hover, .WS4 #homeRijAgd a.KNOP:hover div:before, .WS4 #homeRijAgd a.KNOP:hover div:after { background:#3c3c3b; } .WS5 #homeRijAgd a.KNOP, .WS5 #homeRijAgd a.KNOP div:before, .WS5 #homeRijAgd a.KNOP div:after { background:#0073ce; } .WS5 #homeRijAgd a.KNOP:hover, .WS5 #homeRijAgd a.KNOP:hover div:before, .WS5 #homeRijAgd a.KNOP:hover div:after { background:#3c3c3b; color:#ffffff; } .WS6 #homeRijAgd a.KNOP, .WS6 #homeRijAgd a.KNOP div:before, .WS6 #homeRijAgd a.KNOP div:after { background:#adc857; } .WS6 #homeRijAgd a.KNOP:hover, .WS6 #homeRijAgd a.KNOP:hover div:before, .WS6 #homeRijAgd a.KNOP:hover div:after { background:#adc857; color:#ffffff; } .WS6 #dnn_ctr77183_ViewLoader_lblMessage:after, .dnnFormWarning.dnnFormMessage:after {color:#000 !important;} .WS7 #homeRijAgd a.KNOP, .WS7 #homeRijAgd a.KNOP div:before, .WS7 #homeRijAgd a.KNOP div:after { background:#fc1c14; } .WS7 #homeRijAgd a.KNOP:hover, .WS7 #homeRijAgd a.KNOP:hover div:before, .WS7 #homeRijAgd a.KNOP:hover div:after { background:#131d49; color:#ffffff; } .WS7 #dnn_ctr77183_ViewLoader_lblMessage:after, .dnnFormWarning.dnnFormMessage:after {color:#000 !important;} .WS8 #homeRijAgd a.KNOP, .WS8 #homeRijAgd a.KNOP div:before, .WS8 #homeRijAgd a.KNOP div:after { background:#0060a9; } .WS8 #homeRijAgd a.KNOP:hover, .WS8 #homeRijAgd a.KNOP:hover div:before, .WS8 #homeRijAgd a.KNOP:hover div:after { background:#AA7D51 ; color:#ffffff; } .WS8 #dnn_ctr77183_ViewLoader_lblMessage:after, .dnnFormWarning.dnnFormMessage:after {color:#000 !important;} .WS9 #homeRijAgd a.KNOP, .WS9 #homeRijAgd a.KNOP div:before, .WS9 #homeRijAgd a.KNOP div:after { background:#1c65a3; } .WS9 #homeRijAgd a.KNOP:hover, .WS9 #homeRijAgd a.KNOP:hover div:before, .WS9 #homeRijAgd a.KNOP:hover div:after { background:#262d57 ; color:#ffffff; } .WS9 #dnn_ctr77183_ViewLoader_lblMessage:after, .dnnFormWarning.dnnFormMessage:after {color:#000 !important;} .WS10 #homeRijAgd a.KNOP, .WS10 #homeRijAgd a.KNOP div:before, .WS10 #homeRijAgd a.KNOP div:after { background:#0173ba; } .WS10 #homeRijAgd a.KNOP:hover, .WS10 #homeRijAgd a.KNOP:hover div:before, .WS10 #homeRijAgd a.KNOP:hover div:after { background:#262d57 ; color:#ffffff; } .WS10 #dnn_ctr77183_ViewLoader_lblMessage:after, .dnnFormWarning.dnnFormMessage:after {color:#000 !important;} .WS11 #homeRijAgd a.KNOP, .WS11 #homeRijAgd a.KNOP div:before, .WS11 #homeRijAgd a.KNOP div:after { background:#0173ba; } .WS11 #homeRijAgd a.KNOP:hover, .WS11 #homeRijAgd a.KNOP:hover div:before, .WS11 #homeRijAgd a.KNOP:hover div:after { background:#262d57 ; color:#ffffff; } .WS11 #dnn_ctr77183_ViewLoader_lblMessage:after, .dnnFormWarning.dnnFormMessage:after {color:#000 !important;} #homeRijAgd a.KNOP:hover, #homeRijAgd a.KNOP:active, #homeRijAgd a.KNOP:hover div:after, #homeRijAgd a.KNOP:active div:after { background:#3B3B39; } /* HOME RIJ VACATURES */ #homeRij3 a.KNOP { background:#f0d682;margin:15px 0 30px 0px;float:left; } #homeRij3 a.KNOP div { } #dnn_homeRij3Vlak1 a.KNOP { background:#f0d682; } .WS5 #dnn_homeRij3Vlak1 a.KNOP { background:#0073ce; } .WS7 #dnn_homeRij3Vlak1 a.KNOP { background:#fc1c14; } .WS8 #dnn_homeRij3Vlak1 a.KNOP { background:#33ADC1; } #dnn_homeRij3Vlak1 a.KNOP div:after { background:#ea2e5f; } .WS5 #dnn_homeRij3Vlak1 a.KNOP div:after { background:#0073ce; } .WS8 #dnn_homeRij3Vlak1 a.KNOP div:after { background:#33ADC1; } #dnn_homeRij3Vlak2 a.KNOP { background:#eeca58; } #dnn_homeRij3Vlak2 a.KNOP div:after { background:#eeca58; } #homeRij3 a.KNOP div:after { } #homeRij3 a.KNOP:hover, #homeRij3 a.KNOP:active, #homeRij3 a.KNOP:hover div:after, #homeRij3 a.KNOP:active div:after { background:#3B3B39; } /* vlak L */ .WS2 #dnn_homeRij3Vlak1 a.KNOP { background:#f39200; } .WS2 #dnn_homeRij3Vlak1 a.KNOP div:after { background:#f39200; } .WS2 #homeRij3 a.KNOP:hover, .WS2 #homeRij3 a.KNOP:active, .WS2 #homeRij3 a.KNOP:hover div:after, .WS2 #homeRij3 a.KNOP:active div:after { background:#262d57; } /* div.KNOP:link, #Wrapper a.KNOP:visited, #Wrapper a.KNOP:active {color:#fff; } .KNOP:hover {text-decoration:none;background:#dec20b; } */ /* ================================================================================ MAIN LAYOUT ================================================================================ */ .ControlPanel { } #Wrapper {min-height:100%;background-color:#ffffff;text-align:left; } .InnerWrapper { margin:0px auto;max-width:980px;position:relative; } #HeaderWideBg { position:absolute; height:150px; width:50%; margin-right:-700px;left:50%;/* pak rechter helft */ max-width:700px;/* niet breder dan 1400px */ background:#ffffff url(images/head_top_line.png) no-repeat -146px 0px; box-shadow:0px -70px 0px 0px #e9f5fd inset; } .WS6 #HeaderWideBg {box-shadow:0px -70px 0px 0px #76b8bb inset;} .WS6 #Menu {background-color:#76b8bb !important} .notWS1 #HeaderWideBg { background:transparent; } .notWS1 #head_top_line { display:none; } .WS9 #HeaderWideBg { display: none; } .WS10 #HeaderWideBg { display: none; } .WS11 #HeaderWideBg { display: none; } /* HEADER SECTION */ #Header { min-height:150px; background:#fff; overflow:hidden, visible; } .notWS1 #Header, .notWS1 #HeaderWideBg, .notWS1 #Header .InnerWrapper { background-size:100% 150px; background-position:center top; background-repeat:no-repeat; background-color:#ffffff; background-image:inherit; } #Header .InnerWrapper { min-height:inherit; } #head_top_line { position:absolute;right:0px;top:0px; height:19px;width:853px; background:#ffdb00 url(images/head_top_line.png) no-repeat 213px 0px; } #LogoBg { position:absolute;top:0;left:0;z-index:921; min-height:inherit; width:315px; display:block; background:#fff; border-right:solid 8px #131d49; -ms-transform:skew(-24deg, 0deg); -o-transform:skew(-24deg, 0deg); -moz-transform:skew(-24deg, 0deg); -webkit-transform:skew(-24deg, 0deg); transform:skew(-24deg, 0deg); } .WS4 #LogoBg { border-right-color:#3c3c3b; } .WS5 #LogoBg { border-right-color:#0073CE; } .WS6 #LogoBg { border-right-color:#DE8857; } .WS7 #LogoBg { border-right-color:#fc1c14; } .WS8 #LogoBg { border-right-color:#AA7D51 ; } .WS9 #LogoBg { border-right-color:#1c65a3; } .WS10 #LogoBg { border-right-color:#0173ba; } .WS11 #LogoBg { border-right-color:#0173ba; } #Logo { position:absolute;top:32px;left:0px;z-index:922; width:251px;height:87px; background:url(images/logo_VCPOZ.png) no-repeat 0px 0px; cursor:pointer; } .WS2 #Logo { background-image:url(images/logo_JohCalv.png);width:207px;height:114px;top:26px; } .WS3 #Logo { background-image:url(images/logo_SmdB.png);width:162px;height:120px;top:14px; } .WS4 #Logo { background-image:url(images/logo_Koelmanschool.png);width:204px;height:68px;top:40px; } .WS5 #Logo { background-image:url(images/Juliana_Stolberg-logo.jpg);width:240px;height:130px;top:10px; background-position:0px center; background-size:contain; } .WS6 #Logo { background-image:url(images/DNAkker_logo.jpg);width:275px;height:68px;top:40px; background-position:0px center; background-size:100% auto; } .WS7 #Logo { background-image:url(images/Comrie_logo-2023.jpg);width:275px;height:100px;top:20px; background-position:0px center; background-size:100% auto; } .WS8 #Logo { background-image:url(images/Kerstenlogo.jpg);width:275px; height: 127px;top:20px; background-position:0px center;background-size: contain; } .WS9 #Logo { background-image:url(images/logo_zandbaan.png);width:275px;height:100px;top:20px; background-position:0px center; background-size:contain; } .WS10 #Logo { background-image:url(images/logo_herman_faukelius.jpg);width:300px;height:120px;top:10px; background-position:center center; background-size:contain; } .WS11 #Logo { background-image:url(images/logo_petrus_immens.jpg);width:300px;height:120px;top:10px; background-position:center center; background-size:contain; } .fontIonicons { font-family:"Ionicons"; font-size:32px; } #MobileMenuTrigger { position:absolute;right:0px;top:0;height:50px;width:50px;line-height:50px;z-index:980;overflow:hidden;font-family:"Ionicons";font-size:32px;vertical-align:middle;text-align:center;color:#fff;display:none;cursor:pointer; } #GoHomeTrigger { position:absolute;left:0;top:0;height:50px;width:50px;line-height:50px;z-index:980; overflow:hidden;font-family:"Ionicons";font-size:32px;vertical-align:middle;text-align:center;color:#fff;display:none;cursor:pointer; } /* SEARCH */ #Search { position:absolute;right:0;top:0;height:50px;width:50px;z-index:1050;overflow:hidden;transition:width 0.2s ease;-webkit-transition:width 0.2s ease; } #Search.active { width:240px; } #Search #dnn_dnnSEARCH_ClassicSearch { white-space:nowrap;position:relative;display:block;height:50px; } #Search .SkinObject{font-family:"Ionicons";font-size:32px;vertical-align:middle;height:50px;width:50px;color:#fff !important;display:block;text-align:center;position:absolute;right:0;top:0; } #Search .SkinObject:hover { text-decoration:none !important} #Search #dnn_dnnSEARCH_ClassicSearch .searchInputContainer{ position:absolute !important;right:55px;top:0;padding:10px 0 10px 10px} #Search .NormalTextBox { -webkit-appearance:none;height:30px;border:0;padding:0 10px;width:160px} #Search .NormalTextBox:focus { outline:none} /* SEARCH PREVIEW NOOIT TONEN */ #Search .searchSkinObjectPreview, #Search .searchInputContainer a.dnnSearchBoxClearText, #MobileZoeken .searchSkinObjectPreview, #MobileZoeken .searchInputContainer a.dnnSearchBoxClearText { display:none !important; } /* PANES SECTION */ .isSeq #Content { margin-top:30px; } #Content { } #Content .Container { } #Content .GoogleMapsPane .Container { } .SubTab #Content .Container { xxxmargin-bottom:20px; } .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth { float:left;margin-right:4%;box-sizing:border-box;-webkit-box-sizing:border-box; } .one-half { width:48%; } .two-third { width:65.33%; } .one-fourth { width:22%; } .three-fourth { width:74%; } .one-fifth {width:16.8%} .two-fifth { width:37.6} .three-fifth { width:58.4%} .four-fifth { width:79.2%} .one-sixth {width:13.33%} .five-sixth {width:82.66%} .isHome .one-third { width:310px;margin-right:21px; } .isHome .one-third.last { margin-right:0px; } .isSeq .one-third { width:30.66%;width:275px;margin-right:0px; } .isSeq .two-third {width:635px; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last, .one-fifth.last, .two-fifth.last, .three-fifth.last, .four-fifth.last, .one-sixth.last, .five-sixth.last { margin-right:0; } .EQHeight, .EQHeight2 { min-height:0; } .homeRij3a, .homeRij3b, .homeRij4a, .homeRij4b { float:left;box-sizing:border-box;-webkit-box-sizing:border-box; } .homeRij3a, .homeRij4a { width:45%;margin-right:17%; } .homeRij3b, .homeRij4b { width:38%; } /* ================================================================================ PANES SPECIFIEKE STYLING ================================================================================ */ .row3 {padding:45px 0; } .SchoolFilmPane, .NieuwsBriefPane, .TwitterPane {padding:25px 0 0 0; } .mobRow { display:none; } /* ================================================================================ PANES ================================================================================ */ .WideWrapper { display:block;clear:both;padding:0px; } .FullPane { margin-right:55px; } /* ================================================================================ OPMAAK HOME ================================================================================ */ /* ~ ~ ~ ~ ~ ALGEMEEN ~ ~ ~ ~ ~ */ #hdrLinks { position:absolute;display:block; left:360px;top:34px; width:265px;text-align:right; } #hdrMobLinks, #hdrMobLinks a, #hdrLinks, #hdrLinks a { font-size:16px;text-transform:uppercase; font-family:'Signika', sans-serif; color:#898ea4; line-height:30px; } #hdrLinks a:hover { color:#262d57; } #hdrMobLinks, #hdrMobLinks a { color:#fff;text-align:center; } .WS7 #hdrLinks {display:none;} .WS8 #hdrLinks .inloggen {display:none;} /* ~ ~ ~ ~ ~ RIJ 1 INTROTEKST / KNOPPEN ~ ~ ~ ~ ~ */ #homeRij1 { background:#e9f5fd;background:linear-gradient(110deg, #ffffff 0%, #ffffff 67%,#e9f5fd 67%, #e9f5fd 100%); padding-bottom:35px; } .WS9 #homeRij1 { background:#8fb823;background:linear-gradient(110deg, #ffffff 0%, #ffffff 67%,#8fb823 67%, #8fb823 100%); } .WS10 #homeRij1 { background:#fbefe7;background:linear-gradient(110deg, #ffffff 0%, #ffffff 67%,#fbefe7 67%, #fbefe7 100%); } .WS11 #homeRij1 { background:#fbefe7;background:linear-gradient(110deg, #ffffff 0%, #ffffff 67%,#fbefe7 67%, #fbefe7 100%); } #homeRij1 h1 { margin:0;padding-top:35px;color:#005fa9;font-size:60px;font-weight:600;margin-bottom:10px; } .WS2 #homeRij1 h1 { color:#f39200; } .WS3 #homeRij1 h1 { color:#3c4092; } .WS4 #homeRij1 h1 { color:#ef4136; } .WS5 #homeRij1 h1 { color:#0073ce; } .WS6 #homeRij1 h1 { color:#588e8e; } .WS7 #homeRij1 h1 { color:#fc1c14; } .WS8 #homeRij1 h1 { color:#DE3694; } .WS9 #homeRij1 h1 { color:#8fb823; } .WS10 #homeRij1 h1 { color:#0173ba; } .WS11 #homeRij1 h1 { color:#0173ba; } #homeRij1 .Container { width:650px; } .WS8 #homeRij1 .Container { width:80%; } #homeRij1_SM { position:absolute; display:flex; top:auto;bottom:25px;right:0px; margin-bottom:30px; flex-direction:column; align-items:flex-end; } #homeRij1_SM .smTile { margin-top:15px; } .WS1 #homeRij1_SM { display:none; } .WS7 #homeRij1_SM { display:none; } #homeRij1_onder { padding-top:25px;/* RSP */ } #homeRij1_onder_slogan { color:#131d49; font-family:'Signika', sans-serif;letter-spacing:normal;font-weight:300; font-size:22px; display:inline-block; margin-right:10px; line-height:30px; margin-left:100px;/* RSP */ } .notWS1 #homeRij1_onder_slogan { margin-top:-10px; } #homeRij1_onder_logoCOLON { transform:translate(0px,3px);/* RSP */ margin-left:5px;/* RSP */ display:inline-block; width:78px;height:29px; background:transparent url(images/logo_COLON.png) no-repeat 0 0; } #homeRij1_onder_logoVCPOZ { transform:translate(0px,18px);/* RSP */ margin-left:10px;/* RSP */ display:inline-block; width:129px;height:45px; background:transparent url(images/logo_VCPOZ.png) no-repeat 0 0; background-size:100% 100%; } .WS7 #homeRij1_onder_logoVCPOZ, .WS7 #homeRij1_onder_slogan {display:none;} .WS8 #homeRij1_onder_logoVCPOZ, .WS8 #homeRij1_onder_slogan {display:none;} /* ============================================================= RIJ AGD - AGENDA ============================================================= */ /* laag 1, superbreed, links wit rechts gelig nee.. beide gelig...*/ #homeRijAgd { background:#ffffff; background:linear-gradient(90deg, #ffffff 0%, #ffffff 50%,#fefbf2 50%, #fefbf2 100%); } /* laag2, foto kind, binnen max 1400px breed */ #homeRijAgd1400 { max-width:980px; margin:0px auto; background:transparent url(images/home_naast_agenda_w700px.jpg) no-repeat -30px 0px; background-size:auto 100%; } /* laag3, content, schuine bachtergrond gelig */ #homeRijAgd_inner { background:transparent; background:linear-gradient(110deg, transparent 0%, transparent 24%,#fefbf2 24%, #fefbf2 100%); } #dnn_homeRijAgd { width:67%;float:right; } /* --- NIEUWS/KALENDER (NIET-BEST) /// FOTO LINKS ! --- */ .notWS1 #homeRijAgd1400 { background:transparent!important; } .notWS1 #homeRijAgd { background-position:left center; background-repeat:no-repeat; background-size:50vw auto; } .notWS1 #homeRijAgd { background-size:45vw auto; } /* 2000+ */ .notWS1 #homeRijAgd { background-size:calc(50vw - 100px) auto; } /* calc() 1600+ */ .WS2 #homeRijAgd { background-color:#e8f4fc ; } /* kleur R */ .WS2 #homeRijAgd_inner { background:linear-gradient(110deg, transparent 0%, transparent 24%,#e8f4fc 24%, #e8f4fc 100%); } .WS3 #homeRijAgd { background-color:#dcedf7 ; } /* kleur R */ .WS3 #homeRijAgd_inner { background:linear-gradient(110deg, transparent 0%, transparent 24%,#dcedf7 24%, #dcedf7 100%); } .WS4 #homeRijAgd { background:#e8f4fc; } /* kleur R */ .WS4 #homeRijAgd_inner { background:linear-gradient(110deg, transparent 0%, transparent 24%,#e8f4fc 24%, #e8f4fc 100%); } .WS6 #homeRijAgd { background:#e8f4fc; } /* kleur R */ .WS6 #homeRijAgd_inner { background:linear-gradient(110deg, transparent 0%, transparent 24%,#e8f4fc 24%, #e8f4fc 100%); } .WS7 #homeRijAgd { background:#e9f5fd ; } /* kleur R */ .WS7 #homeRijAgd_inner { background:linear-gradient(110deg, transparent 0%, transparent 24%,#e9f5fd 24%, #e9f5fd 100%); } .WS8 #homeRijAgd { background:#e9f5fd ; } /* kleur R */ .WS8 #homeRijAgd_inner { background:linear-gradient(110deg, transparent 0%, transparent 24%,#e9f5fd 24%, #e9f5fd 100%); } .WS9 #homeRijAgd { background:#ff7909; } /* kleur R */ .WS9 #homeRijAgd_inner { /* background: linear-gradient(110deg, transparent 0%, transparent 45%,#ff7909 45%, #ff7909 100%);*/ } .WS9 #dnn_homeRijAgd { width: 45%; float: right; } .WS9 #dnn_homeRijAgd .DnnModule.DnnModule-DNN_Events{ width: 100% !important; } .WS10 #homeRijAgd { background:#fbefe7 ; } /* kleur R */ .WS10 #homeRijAgd_inner { background:linear-gradient(110deg, transparent 0%, transparent 24%,#fbefe7 24%, #fbefe7 100%); } .WS11 #homeRijAgd { background:#fbefe7 ; } /* kleur R */ .WS11 #homeRijAgd_inner { background:linear-gradient(110deg, transparent 0%, transparent 24%,#fbefe7 24%, #fbefe7 100%); } /* EIGEN FOTO'S EVT DOOR KLANT AANLEVEREN */ .WS2 #MobVis_homeRijAgd .afb, .WS2 #homeRijAgd { background-image:url(images/WS2_left_foto.jpg); } .WS3 #MobVis_homeRijAgd .afb, .WS3 #homeRijAgd { background-image:url(images/WS3_left_foto.jpg); } /* NR 4 en 5 anders */ .WS4 #MobVis_homeRijAgd .afb, .WS4 #homeRijAgd { background-image:url(images/WS4_left_foto.jpg); background-repeat:no-repeat; } .WS6 #MobVis_homeRijAgd .afb, .WS6 #homeRijAgd { background-image:url(images/WS4_left_foto.jpg); background-repeat:no-repeat; } /* === niet bestuur:kalender vlak "veranderen" in twee kolommen, links nieuws, rechts kalender */ .UserMode0.notWS1 #dnn_homeRijAgd .DnnModule { width:50%;float:left;position:relative;/* de twee blokken naast elkaar plaatsen, anders tov bestuur */ } /* schuiven breedte! */ #dnn_homeRijAgd .DnnModule.DnnModule-ICRArticles_Viewer { width:53%; } .UserMode0.notWS1 #dnn_homeRijAgd .DnnModule.DnnModule-DNN_Events { width:47%; } /* [1] full width big wrapper, maak voor superwidth twee kleuren (scheef is niet nodig vanwege next wrapper */ #Form .WS5 #homeRijAgd { background:#ffffff; background:linear-gradient(90deg, #0073ce 0%, #0073ce 45%,#e9f5fd 45%, #e9f5fd 100%); } #Form .WS7 #homeRijAgd { background:#ffffff; background:linear-gradient(90deg, #7fc41b 0%, #7fc41b 45%,#e9f5fd 45%, #e9f5fd 100%); } #Form .WS8 #homeRijAgd { background:#ffffff; background:linear-gradient(90deg, #33ADC1 0%, #33ADC1 45%,#e9f5fd 45%, #e9f5fd 100%); } #Form .WS9 #homeRijAgd { background:#ff7909; background:linear-gradient(90deg, #8fb823 0%, #8fb823 45%,#ff7909 45%, #ff7909 100%); } #Form .WS10 #homeRijAgd { background:#ffffff; background:linear-gradient(90deg, #ffffff 0%, #ffffff 45%,#fbefe7 45%, #fbefe7 100%); } #Form .WS11 #homeRijAgd { background:#ffffff; background:linear-gradient(90deg, #ffffff 0%, #ffffff 45%,#fbefe7 45%, #fbefe7 100%); } /* [2] 1400px width, ... AFBEELDING */ .WS5 #MobVis_homeRijAgd .afb, #Form .WS5 #homeRijAgd1400 { background-image:url(images/WS5_left_foto.jpg)!important; background-repeat:no-repeat!important; background-size:contain!important; transform:translateX(-60px); /* new techn 2019 */ } /* [3] 1400px width, ... */ #Form .WS5 #homeRijAgd_inner { background:linear-gradient(110deg, transparent 0%, transparent 24%, #e9f5fd 24%, #e9f5fd 100%)!important; transform:translateX(60px); /* new techn 2019 */ } #Form .WS5 #homeRijAgdXXXXXXXXXXXXXXXX { background-size: auto 100%; background-position:calc(50vw - 570px) 38px; /* uitlijing DEZE foto op logo/knoppen/tekst + 120px MARGE (LEFT GRAAG) */ background-size:332px 240px; /* ANDERS... LOS BLOK vanwege... niet goed te krijgen, hoogte/breedte wisselt nogal... afh van agenda wel/niet inhoud */ } #Form .WS6 #homeRijAgd { background:#ffffff; background:linear-gradient(90deg, #588e8e 0%, #588e8e 45%,#76b8bb 45%, #76b8bb 100%); /* (!) licht blauw = zeer dichtbij VCPOZ algemene kleurstelling, top/bottom bars 1-op-1 overnemen */ } /* [2] 1400px width, ... AFBEELDING */ .WS6 #MobVis_homeRijAgd .afb, #Form .WS6 #homeRijAgd1400 { background-image:url(images/WS6_left_foto.jpg)!important; background-repeat:no-repeat!important; background-size:contain!important; transform:translateX(-60px); /* new techn 2019 */ } /* [3] 1400px width, ... */ #Form .WS6 #homeRijAgd_inner { background:linear-gradient(110deg, transparent 0%, transparent 24%, #76b8bb 24%, #76b8bb 100%)!important; transform:translateX(60px); /* new techn 2019 */ } #Form .WS6 #homeRijAgdXXXXXXXXXXXXXXXX { background-size: auto 100%; background-position:calc(50vw - 570px) 38px; /* uitlijing DEZE foto op logo/knoppen/tekst + 120px MARGE (LEFT GRAAG) */ background-size:332px 240px; /* ANDERS... LOS BLOK vanwege... niet goed te krijgen, hoogte/breedte wisselt nogal... afh van agenda wel/niet inhoud */ } .WS7 #MobVis_homeRijAgd .afb, #Form .WS7 #homeRijAgd1400 { background-image:url(images/WS7_left_foto.jpg)!important; background-repeat:no-repeat!important; background-size:contain!important; transform:translateX(-60px); /* new techn 2019 */} .WS8 #MobVis_homeRijAgd .afb, #Form .WS8 #homeRijAgd1400 { background-image:url(images/WS8_left_foto.jpg)!important; background-repeat:no-repeat!important; background-size:contain!important; transform:translateX(-60px); } .WS9 #MobVis_homeRijAgd .afb, #Form .WS9 #homeRijAgd1400 { /* background-image:url(images/WS8_left_foto.jpg)!important; background-repeat:no-repeat!important; background-size:contain!important; */ transform:translateX(-60px); } .WS10 #MobVis_homeRijAgd .afb, #Form .WS10 #homeRijAgd1400 { background-image:url(images/WS10_left_foto.jpg)!important; background-repeat:no-repeat!important; background-size:contain!important; transform:translateX(-60px); } .WS11 #MobVis_homeRijAgd .afb, #Form .WS11 #homeRijAgd1400 { background-image:url(images/WS11_left_foto.jpg)!important; background-repeat:no-repeat!important; background-size:contain!important; transform:translateX(-60px); } /* ============ NIEUWS / AGENDA ZELF, SCHOOL 4 GEBRUIKT WEER OPMAAK ZOALS BESTUUR (WS1) VANDAAR EXTRA CLASS .notWS1or4 ======= */ .UserMode0.notWS1 #homeRijAgd .ListNormal, .UserMode0.notWS1 #homeRijAgd .ListAlternate { width:100%!important; float:none!important;/* kalender blokken onder elkaar! */ } .notWS1 .pubArticleHomeViewer .pubItem .pubImageWrapper { width:65px!important;height:65px!important; } /* === niet bestuur, opmaak pubmod */ .notWS1 .pubArticleHomeViewer .pubItem .pubContent {} .WS2 .pubArticleHomeViewer .pubItem .pubContent div { color:#26318c!important; } .WS3 .pubArticleHomeViewer .pubItem .pubContent div { color:#1384c7!important; } .notWS1 .pubArticleHomeViewer .pubItem .pubContent .pubMetaData, .notWS1 .pubArticleHomeViewer .pubItem .pubTitle { margin-left:85px!important; } .notWS1 #homeRijAgd .ListDescription { padding-top:0px!important; } .notWS1 .pubArticleHomeViewer .pubItem .pubContent div { font:inherit!important; font-weight:700!important; } .notWS1 #homeRijAgd .pubArticleHomeViewer .pubItem .pubTitle { padding-bottom:0px!important; } #Body .notWS1 #homeRijAgd .pubArticleHomeViewer .pubItem .pubTitle, #Body .notWS1 #homeRijAgd .eventtitle { font-weight:500!important; } .notWS1 .pubArticleHomeViewer .pubItem .pubItemWrapper { min-height:107px; } .notWS1 .pubArticleHomeViewer .pubItem .pubContent { margin-top:-3px!important; } .notWS1 .pubArticleHomeViewer .pubItem .pubContent .pubMetaData { position:relative!important;top:auto!important; text-transform:uppercase; font-weight:400!important; } /* -- news -- */ .notWS1 .pubArticleHomeViewer .pubItem:hover .pubContent, .notWS1 .pubArticleHomeViewer .pubItem:active .pubContent, .notWS1 .pubArticleHomeViewer .pubItem:hover .pubMetaData, .notWS1 .pubArticleHomeViewer .pubItem:active .pubMetaData { background:transparent!important; box-shadow:none!important; } #Body .WS4 #homeRijAgd .eventtitle, .WS4 #homeRijAgd .pubArticleHomeViewer .pubItem .pubMetaData, .WS4 #homeRijAgd .pubArticleHomeViewer .pubItem .pubTitle { font-family: 'Signika', sans-serif; font-size: 16px; line-height: 25px!important; color: #131d49; font-weight: 500!important; } /* portal.css ?! */ .WS4 #homeRijAgd .pubArticleHomeViewer .pubItem .pubSumm { display:none; } .WS4 #homeRijAgd .pubArticleHomeViewer .pubItem .pubMetaData { color:#00a4e4!important; } .WS4 #homeRijAgd .pubArticleHomeViewer .pubItem .pubContent { margin-top:-12px; } /* strak uitlijnen pixelprecies */ #Body .WS4 #homeRijAgd .eventtitle { transform:translateY(-5px); } #Body .WS5 #homeRijAgd .eventtitle, .WS5 #homeRijAgd .pubArticleHomeViewer .pubItem .pubMetaData, .WS5 #homeRijAgd .pubArticleHomeViewer .pubItem .pubTitle { font-family: 'Signika', sans-serif; font-size: 16px; line-height: 25px!important; color: #131d49; font-weight: 500!important; } /* portal.css ?! */ .WS5 #homeRijAgd .pubArticleHomeViewer .pubItem .pubSumm { display:none; } .WS5 #homeRijAgd .pubArticleHomeViewer .pubItem .pubMetaData { color:#00a4e4!important; } .WS5 #homeRijAgd .pubArticleHomeViewer .pubItem .pubContent { margin-top:-12px; } /* strak uitlijnen pixelprecies */ #Body .WS5 #homeRijAgd .eventtitle { transform:translateY(-5px); } #Body .WS6 #homeRijAgd .eventtitle, .WS6 #homeRijAgd .pubArticleHomeViewer .pubItem .pubMetaData, .WS6 #homeRijAgd .pubArticleHomeViewer .pubItem .pubTitle { font-family: 'Signika', sans-serif; font-size: 16px; line-height: 25px!important; color: #131d49; font-weight: 500!important; } /* portal.css ?! */ .WS6 #homeRijAgd .pubArticleHomeViewer .pubItem .pubSumm { display:none; } .WS6 #homeRijAgd .pubArticleHomeViewer .pubItem .pubContent { margin-top:-12px; } /* strak uitlijnen pixelprecies */ #Body .WS6 #homeRijAgd .eventtitle { transform:translateY(-5px); } .WS2 .pubArticleHomeViewer .pubItem:hover .pubImageWrapper, .WS2 .pubArticleHomeViewer .pubItem:active .pubImageWrapper { box-shadow:0px 0px 0px 2px #26318c; } .WS3 .pubArticleHomeViewer .pubItem:hover .pubImageWrapper, .WS3 .pubArticleHomeViewer .pubItem:active .pubImageWrapper { box-shadow:0px 0px 0px 2px #1384c7; } .WS4 .pubArticleHomeViewer .pubItem:hover .pubImageWrapper, .WS4 .pubArticleHomeViewer .pubItem:active .pubImageWrapper { box-shadow:0px 0px 0px 2px #e8f4fc; } .WS4 #homeRijAgd {background-color:#e8f4fc } /* -- agenda -- */ .WS2 #homeRijAgd .time { background:#26318c!important; } .WS3 #homeRijAgd .time { background:#1384c7!important; } .WS2 #homeRijAgd .pubArticleHomeViewer .pubItem .pubTitle, .WS2 #homeRijAgd .eventtitle { color:#262d57!important; } /* donkerder tekst */ .WS3 #homeRijAgd .pubArticleHomeViewer .pubItem .pubTitle, .WS3 #homeRijAgd .eventtitle { color:#131d49!important; } /* donkerder tekst */ .WS3 #homeRijAgd .pubArticleHomeViewer .pubItem .pubTitle, .WS3 #homeRijAgd .eventtitle { color:#000!important; } /* donkerder tekst */ .isHome.WS2 h2 { color:#26318c !important; } .isHome.WS3 h2 { color:#1384c7 !important; } .isHome.WS4 h2 { color:#00a4e4 !important; } .isHome.WS5 h2 { color:#0073ce !important; } .isHome.WS6 h2 { color:#ffffff !important; } .isHome.WS7 h2 { color:#67b1d4 !important; } .isHome.WS8 h2 { color:#DE3694 !important; } .isHome.WS9 h2 { color:#8fb823 !important; } .isHome.WS9 #homeRijAgd h2 { color:#ffffff !important; } .isHome.WS9 .homeRij3a h2 { color:#ffffff !important; } .isHome.WS9 .homeRij3b h2 { color:#ffffff !important; } .isHome.WS10 h2 { color:#8b0014 !important; } .isHome.WS10 .homeRij3a h2 { color:#ffffff !important; } .isHome.WS10 .homeRij3b h2 { color:#ffffff !important; } .isHome.WS11 h2 { color:#8b0014 !important; } .isHome.WS11 .homeRij3a h2 { color:#ffffff !important; } .isHome.WS11 .homeRij3b h2 { color:#ffffff !important; } /* EXTRA RIJ VOOR MOBILE */ #MobVis_homeRijAgd {display:none;height:180px;background:#e7550d; } .notWS1or4 #MobVis_homeRijAgd { } .WS2 #MobVis_homeRijAgd, .WS2 #MobVis_homeRijAgd .kl { background:#6a75b3; } .WS2 .mobRow .schuin { box-shadow:10px 0px 0px 0px #e8f4fc inset } .WS3 #MobVis_homeRijAgd, .WS3 #MobVis_homeRijAgd .kl { background:#1384c7; } .WS3 .mobRow .schuin { box-shadow:10px 0px 0px 0px #dcedf7 inset } .WS4 #MobVis_homeRijAgd, .WS4 #MobVis_homeRijAgd .kl { background:#00a4e4; } .WS4 .mobRow .schuin { box-shadow:10px 0px 0px 0px #e8f4fc inset } #MobVis_homeRijAgd img { width:auto;height:100%;display:inline-block;float:left; } #MobVis_schuineBg { width:341px;position:absolute;height:inherit; background:linear-gradient(110deg, transparent 0%, transparent 68%,#e7550d 68%, #e7550d 100%); } #MobVis_homeRijAgd1400 { display:inherit;height:inherit; } #MobVis_homeRijAgd1400 h2 { display:inherit;position:absolute;right:10%;line-height:180px;color:#fff; } .TeamWrapper {display:flex; flex-wrap:wrap; padding-top:40px; } .TeamItem {width:46%; padding-bottom:40px;} /* .ListDataGrid > .ListNormal / .ListAlternate > .ListDescription / .event-item */ #homeRijAgd .time { font-size:22px;font-family:'Signika', sans-serif;font-weight:400;letter-spacing:0px;text-align:center; float:left;display:inline-block;width:65px;height:65px;line-height:65px; background:#e7550d!important;color:#fff!important; } .WS4 #homeRijAgd .time { background:#00a4e4!important; } /* tr */ #homeRijAgd .ListNormal, #homeRijAgd .ListAlternate { display:block!important;float:left!important;position:relative!important;width:50%!important; } /* tr ws4! */ .WS4 #homeRijAgd .ListNormal, .WS4 #homeRijAgd .ListAlternate { width:100%!important; } /* tr ws9! */ .WS9 #homeRijAgd .ListNormal, .WS9 #homeRijAgd .ListAlternate { width:100%!important; } .WS5 #homeRijAgd .time { background:#9ed043!important; } .WS7 #homeRijAgd .time { background:#67b1d4!important; } .WS8 #homeRijAgd .time { background:#AA7D51 !important; } .WS9 #homeRijAgd .time { background:#1c65a3 !important; } .WS10 #homeRijAgd .time { background:#0173ba !important; } .WS11 #homeRijAgd .time { background:#0173ba !important; } /* td */ #homeRijAgd .ListDescription { display:block!important;float:left!important;position:relative!important;width:inherit!important;width:100%!important; padding-top:5px!important;padding-bottom:40px!important; } /* td ws9! */ .WS9 #homeRijAgd .ListDescription { padding-bottom: 28px!important; } #homeRijAgd .eventitem div { color:#ffffff;font-family:'Signika', sans-serif; } #homeRijAgd .eventtime {display:block!important;float:left!important;position:relative!important; width:65px!important;height:50px!important; background:url(images/agd_tegel.png) no-repeat 0px 0px;background-size:65px 50px; font-size:18px;text-align:center;line-height:48px; margin-right:5px!important; } #homeRijAgd .eventtitle { display:block;text-align:left!important;max-width:65%;width:65%; padding-left:25%;font-weight:600; } #homeRijAgd .eventtitle a { font-size:13px!important;font-family:'Signika', sans-serif;width:auto;text-align:left; display:table-cell!important;height:40px;vertical-align:middle;overflow:visible;font-weight:bold; color:#ffffff!important;line-height:1.4; border-radius:5px; padding:5px; } #homeRijAgd .eventtitle a:hover, #homeRijAgd .eventtitle a:active { color:#ffffff!important;text-decoration:none!important; background-color:#3B3B39;width:100%!important; } .WS9 #dnn_homeRijAgd { position: relative; z-index: 5; } .WS9 #homeRijAgd .InnerWrapper:before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 55%; height: 100%; background: url(images/WS9_left_foto.jpg)!important; background-repeat: no-repeat!important; background-size: cover !important; } .WS9 #homeRijAgd .InnerWrapper:after { position: absolute; top: 0; right: 0; content: ""; display: block; width: 100%; height: 100%; background:linear-gradient(110deg, transparent 0%, transparent 42%, #ff7909 42%, #ff7909 100%); } .WS9 #homeRijAgd .InnerWrapper .dnn_homeRijAgd { position: relative; z-index: 5; } .WS9 #homeRijAgd .eventtitle { padding: 10px 0 0 22%; font-size: 20px; } /* ============================================================= ============================================================= RIJ 2 - VACATURES ============================================================= ============================================================= */ #homeRij3 { background:#f0b300; background:linear-gradient(110deg, #f4c640 0%,#f4c640 52%,#f0b300 52%, #f0b300 100%); } .WS4 #homeRij3 { background:#fff8ea; background:linear-gradient(110deg, #fff8ea 0%,#fff8ea 52%,#feba31 52%, #feba31 100%); } .WS5 #homeRij3 { background:#f0c100; background:linear-gradient(110deg, #fefbdd 0%,#fefbdd 52%,#ffef3a 52%, #ffef3a 100%); } .WS6 #homeRij3 { background:#f0c100; background:linear-gradient(110deg, #f2c957 0%,#f2c957 52%,#de8857 52%, #de8857 100%); } .WS7 #homeRij3 { background:#f0c100; background:linear-gradient(110deg, rgba(255, 140, 31, 0.38) 0%,rgba(255, 140, 31, 0.38) 52%,#67b1d4 52%, #67b1d4 100%); } .WS8 #homeRij3 { background:#f0c100; background:linear-gradient(110deg, #AA7D51 0%,#AA7D51 52%,#33ADC1 52%, #33ADC1 100%); } .WS9 #homeRij3 { background:#1c65a3; background:linear-gradient(110deg, #1c65a3 0%,#1c65a3 52%,#8fb823 52%, #8fb823 100%); } .WS9 #homeRij3 .InnerWrapper { z-index: 2; position: relative;} .WS9 #homeRij3 .InnerWrapper:before { position: absolute; top: 0; right: 0; content: ""; display: block; width: 55%; height: 100%; background: url(images/WS9_right_foto.jpg)!important; background-repeat: no-repeat!important; background-size: cover !important; } .WS9 #homeRij3 .InnerWrapper:after { position: absolute; top: 0; right: 0; content: ""; display: block; width: 100%; height: 100%; background:linear-gradient(110deg, #1c65a3 0%,#1c65a3 52%,transparent 52%, transparent 100%); } .WS9 #homeRij3 .InnerWrapper .homeRij3a, .WS9 #homeRij3 .InnerWrapper .homeRij3b { position: relative; z-index: 4;} .WS10 #homeRij3 { background:#f0c100; background:linear-gradient(110deg, #ff7f1c 0%,#ff7f1c 52%,#0173ba 52%, #0173ba 100%); } .WS11 #homeRij3 { background:#f0c100; background:linear-gradient(110deg, #ff7f1c 0%,#ff7f1c 52%,#0173ba 52%, #0173ba 100%); } #homeRij3 h2, #homeRij3 .Normal { color:#fff; } .notWS1 #homeRij3 h1, .notWS1 #homeRij4 h1 { color:inherit; } .notWS1 #homeRij3 h2, .notWS1 #homeRij4 h2 { color:inherit; } /* als .Normal ! */ .notWS1 #homeRij3 h3, .notWS1 #homeRij4 h3 { color:inherit; } .WS9 #homeRij4 { background-color: #e9f5fd; min-height: 0 !important;} .WS10 #homeRij4 { background-color: #fbefe7 ; min-height: 0 !important;} .WS11 #homeRij4 { background-color: #fbefe7 ; min-height: 0 !important;} .WS9 #homeRij4.WideWrapper.fixH295 .InnerWrapper { min-height: 0!important; padding : 0; } .WS10 #homeRij4.WideWrapper.fixH295 .InnerWrapper { min-height: 0!important; padding : 0; } .WS11 #homeRij4.WideWrapper.fixH295 .InnerWrapper { min-height: 0!important; padding : 0; } /* #dnn_homeRij3Vlak1 | #dnn_homeRij3Vlak2 #dnn_homeRij4Vlak1 | #dnn_homeRij4Vlak2 */ /* TEKSTEN DONKER / WIT - per school */ .WS2 #dnn_homeRij3Vlak1 .Normal { color:#3c3c3b; } .WS2 #dnn_homeRij3Vlak2 .Normal { color:#ffffff; } .WS2 #dnn_homeRij4Vlak1 .Normal { color:#ffffff; } .WS2 #dnn_homeRij4Vlak2 .Normal { color:#262d57; } .WS3 #dnn_homeRij3Vlak1 .Normal { color:#ffffff; } .WS3 #dnn_homeRij3Vlak2 .Normal { color:#ffffff; } .WS3 #dnn_homeRij4Vlak1 .Normal { color:#ffffff; } .WS3 #dnn_homeRij4Vlak2 .Normal { color:#131d49; } /* KNOPPEN HTML KLEUREN - opm. a href als .KNOP, css3 zie boven */ .WS2 .edKNOP #dnn_homeRij3Vlak1 .Normal a { background:#f39200; } .WS2 .edKNOP #dnn_homeRij3Vlak1 .Normal a:hover { background:#26318c; } .WS2 .edKNOP #dnn_homeRij3Vlak2 .Normal a { background:#efb458; } .WS2 .edKNOP #dnn_homeRij3Vlak2 .Normal a:hover { background:#26318c; } .WS2 .edKNOP #dnn_homeRij4Vlak1 .RandomView a { background:#6a75b3; } .WS2 .edKNOP #dnn_homeRij4Vlak1 .RandomView a:hover { background:#f39200; } .WS2 .edKNOP #dnn_homeRij4Vlak2 .Normal a { background:#26318c; } .WS2 .edKNOP #dnn_homeRij4Vlak2 .Normal a:hover { background:#f39200; } .WS3 .edKNOP #dnn_homeRij3Vlak1 .Normal a { background:#ce6d60; } .WS3 .edKNOP #dnn_homeRij3Vlak1 .Normal a:hover { background:#65b450; } .WS3 .edKNOP #dnn_homeRij3Vlak2 .Normal a { background:#93cb8c; } .WS3 .edKNOP #dnn_homeRij3Vlak2 .Normal a:hover { background:#c0240c; } .WS3 .edKNOP #dnn_homeRij4Vlak1 .RandomView a { background:#787fb7; } .WS3 .edKNOP #dnn_homeRij4Vlak1 .RandomView a:hover { background:#ffcc00; } .WS3 .edKNOP #dnn_homeRij4Vlak2 .Normal a { background:#3c4092; } .WS3 .edKNOP #dnn_homeRij4Vlak2 .Normal a:hover { background:#787fb7; } .WS4 .edKNOP #dnn_homeRij3Vlak1 .Normal a { background:#feba31; } .WS4 .edKNOP #dnn_homeRij3Vlak1 .Normal a:hover { background:#3c3c3b; } .WS4 .edKNOP #dnn_homeRij3Vlak2 .Normal a { background:#f6ce78; } .WS4 .edKNOP #dnn_homeRij3Vlak2 .Normal a:hover { background:#3c3c3b; } .WS4 .edKNOP #dnn_homeRij4Vlak1 .Normal a { background:#ed7f7b; } .WS4 .edKNOP #dnn_homeRij4Vlak1 .Normal a:hover { background:#3c3c3b; } .WS4 .edKNOP #dnn_homeRij4Vlak2 .Normal a { background:#ef4136; } .WS4 .edKNOP #dnn_homeRij4Vlak2 .Normal a:hover { background:#3c3c3b; } .WS5 .edKNOP #dnn_homeRij3Vlak1 .Normal a { background:#feba31; } .WS5 .edKNOP #dnn_homeRij3Vlak1 .Normal a:hover { background:#3c3c3b; } .WS5 .edKNOP #dnn_homeRij3Vlak2 .Normal a { background:#f6ce78; } .WS5 .edKNOP #dnn_homeRij3Vlak2 .Normal a:hover { background:#3c3c3b; } .WS5 .edKNOP #dnn_homeRij4Vlak1 .Normal a { background:#9ed043; } .WS5 .edKNOP #dnn_homeRij4Vlak1 .Normal a:hover { background:#3c3c3b; } .WS5 .edKNOP #dnn_homeRij4Vlak2 .Normal a { background:#84b627; } .WS5 .edKNOP #dnn_homeRij4Vlak2 .Normal a:hover { background:#3c3c3b; } .WS6 .edKNOP #dnn_homeRij3Vlak1 .Normal a { background:#feba31; } .WS6 .edKNOP #dnn_homeRij3Vlak1 .Normal a:hover { background:#3c3c3b; } .WS6 .edKNOP #dnn_homeRij3Vlak2 .Normal a { background:#f6ce78; } .WS6 .edKNOP #dnn_homeRij3Vlak2 .Normal a:hover { background:#3c3c3b; } .WS6 .edKNOP #dnn_homeRij4Vlak1 .Normal a { background:#9ed043; } .WS6 .edKNOP #dnn_homeRij4Vlak1 .Normal a:hover { background:#3c3c3b; } .WS6 .edKNOP #dnn_homeRij4Vlak2 .Normal a { background:#84b627; } .WS6 .edKNOP #dnn_homeRij4Vlak2 .Normal a:hover { background:#3c3c3b; } .WS6 .edKNOP #dnn_homeRij3Vlak1 .Normal a { background:#feba31; } .WS6 .edKNOP #dnn_homeRij3Vlak1 .Normal a:hover { background:#0060a9; } .WS6 .edKNOP #dnn_homeRij3Vlak2 .Normal a { background:#f6ce78; } .WS6 .edKNOP #dnn_homeRij3Vlak2 .Normal a:hover { background:#0060a9; } .WS6 .edKNOP #dnn_homeRij4Vlak1 .Normal a { background:#9ed043; } .WS6 .edKNOP #dnn_homeRij4Vlak1 .Normal a:hover { background:#0060a9; } .WS6 .edKNOP #dnn_homeRij4Vlak2 .Normal a { background:#84b627; } .WS6 .edKNOP #dnn_homeRij4Vlak2 .Normal a:hover { background:#0060a9; } /* ~ ~ ~ ~ ~ RIJ - GOOGLE MAPS (BESTUUR) ~ ~ ~ ~ ~ */ .google-maps { } .google-maps #map-canvas { height:295px; } .gMapsPointer { border-radius:100%;width:40px;height:40px;display:inline-block;background:#a00; } .isHome h2 { line-height:1; font-family:'Signika', sans-serif; font-size:45px; margin-top:30px; margin-bottom:20px; color:#e7550d; } .isHome .DNNModuleContent { } /* -- onder-blok -- NU:a.KNOP + div */ /* .blokOnder { width:inherit;display:inline-block;height:30px; background:#e7550d; } .blokOnder span { color:#fff;font-family:'Signika', sans-serif;font-size:16px; line-height:40px;margin-left:22px;text-transform:uppercase; } a.blokOnder:hover, a.blokOnder:active { background:#e30613!important;text-decoration:none!important; } #dnn_homeRij1Vlak1 .blokOnder { background:#a43d94; } #dnn_homeRij1Vlak2 .blokOnder { background:#f8b326; } #dnn_homeRij1Vlak3 .blokOnder { background:#ed6ca6; } #dnn_homeRij2Vlak1 .blokOnder { background:#26ac68; } #dnn_homeRij2Vlak2 .blokOnder { background:#504a89; } #dnn_homeRij2Vlak3 .blokOnder { background:#26b28e; } */ /* ================================================================================ FOOTER ================================================================================ */ #Footer { } #Footer #Logo2 { background-color:#fff;position:absolute;top:0;left:0;max-width:155px;padding:20px 10px;margin-bottom:20px;z-index:911;border-style:solid;border-width:1px; } #Footer #Logo2 a { display:block} #Footer #Logo2 a img { max-width:70%;display:block;margin:0 15%; } #Footer .FooterPane {margin:0 230px;padding-top:13px;color:inherit} #Footer .FooterPane a:link, #Footer .FooterPane a:visited, #Footer .FooterPane a:active {color:inherit} /* xxx #Footer .SocialMediaIcons {position:absolute;top:0;right:0;z-index:911;max-width:230px} */ /* LOGIN */ #Login { display:block;position:absolute;height:5px;width:5px;overflow:visible; transform:translate(10px,7px); } #Login a.LoginKey { width:37px;height:37px; font-family:"Ionicons";font-size:25px;opacity:0; transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease; font-size:24px;line-height:37px;text-align:center;display:inline-block;vertical-align:top;zoom:1;*display:inline; background-color:#f0941d;color:#fff;border:none; border-radius:0px; } #Login a.LoginKey:hover { text-decoration:none;opacity:1; } #Form .isAuth #Login a.LoginKey { opacity:1; } #Foot1{ min-height:108px;text-align:right;line-height:20px;background:#fff; background: linear-gradient(110deg, #ffffff 0%,#ffffff 41%, #131d49 41%, #131d49 41.5%, #e9f5fd 41.5%, #e9f5fd 100%); } #Foot1 .InnerWrapperFirst { min-height:inherit; } #Foot1 .fW { display:inline; } #w2wmadeHFCM { margin-right:25px; } #logoBottom { width:194px;height:107px;/* height:66px;/* !!! deze grootte */ display:inline-block;float:left;overflow:visible; background:transparent url(images/logo_VCPOZ.png) no-repeat center center; background-size:100% auto; margin-right:210px; } .notWS1 #logoBottom { width:450px;min-height:inherit;/* alle logo's passen hierbinnen */ background-size:initial; background-position:left center; margin-right:0px; background:#ffffff;/* schuin!!! */ } .WS2 #Foot1 { background:linear-gradient(90deg, #ffffff 0%, #ffffff 33%, #e8f4fc 33%, #e8f4fc 100%); } .WS2 #logoBottom { background:linear-gradient(110deg, #ffffff 0%, #ffffff 79%, #f39200 79%, #f39200 80%, transparent 80%, transparent 100%); background:linear-gradient(110deg, #ffffff 0%, #ffffff 78.5%, #f39200 78.5%, #f39200 79.5%, transparent 79.5%, transparent 100%); } .WS3 #Foot1 { background:linear-gradient(90deg, #ffffff 0%, #ffffff 33%, #dcedf7 33%, #dcedf7 100%); } .WS3 #logoBottom { background:linear-gradient(110deg, #ffffff 0%, #ffffff 79%, #65b450 79%, #65b450 80%, transparent 80%, transparent 100%); background:linear-gradient(110deg, #ffffff 0%, #ffffff 78.5%, #65b450 78.5%, #65b450 79.5%, transparent 79.5%, transparent 100%); } .WS4 #Foot1 { background:linear-gradient(90deg, #ffffff 0%, #ffffff 33%, #e8f4fc 33%, #e8f4fc 100%); } .WS4 #logoBottom { background:linear-gradient(110deg, #ffffff 0%, #ffffff 79%, #feba31 79%, #feba31 80%, transparent 80%, transparent 100%); background:linear-gradient(110deg, #ffffff 0%, #ffffff 78.5%, #feba31 78.5%, #feba31 79.5%, transparent 79.5%, transparent 100%); } .WS5 #Foot1 { background:linear-gradient(90deg, #ffffff 0%, #ffffff 33%, #e9f5fd 33%, #e9f5fd 100%); } .WS5 #logoBottom { background:linear-gradient(110deg, #ffffff 0%, #ffffff 79%, #ffef3a 79%, #ffef3a 80%, transparent 80%, transparent 100%); background:linear-gradient(110deg, #ffffff 0%, #ffffff 78.5%, #ffef3a 78.5%, #ffef3a 79.5%, transparent 79.5%, transparent 100%); } .WS6 #Foot1 { background:linear-gradient(90deg, #ffffff 0%, #ffffff 33%, #76b8bb 33%, #76b8bb 100%); } .WS6 #logoBottom { background:linear-gradient(110deg, #ffffff 0%, #ffffff 79%, #f0c100 79%, #f0c100 80%, transparent 80%, transparent 100%); background:linear-gradient(110deg, #ffffff 0%, #ffffff 78.5%, #f0c100 78.5%, #f0c100 79.5%, transparent 79.5%, transparent 100%); } .WS6 #footKnoppen {background:linear-gradient(90deg, transparent 0%, transparent 33%,#588e8e 33%, #588e8e 100%)} .WS6 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpText {background-color:#adc857 !important} .WS7 #Foot1 { background:linear-gradient(90deg, #ffffff 0%, #ffffff 33%, #e9f5fd 33%, #e9f5fd 100%); } .WS7 #logoBottom { background:linear-gradient(110deg, #ffffff 0%, #ffffff 79%, #f0c100 79%, #f0c100 80%, transparent 80%, transparent 100%); background:linear-gradient(110deg, #ffffff 0%, #ffffff 78.5%, #67b1d4 78.5%, #67b1d4 79.5%, transparent 79.5%, transparent 100%); } .WS7 #footKnoppen {background:linear-gradient(90deg, transparent 0%, transparent 33%,#7fc41b 33%, #7fc41b 100%)} .WS8 #Foot1 { background:#fff; } .WS8 #logoBottom { background:linear-gradient(110deg, #ffffff 0%, #ffffff 79%, #33ADC1 79%, #33ADC1 80%, transparent 80%, transparent 100%); background:linear-gradient(110deg, #ffffff 0%, #ffffff 78.5%, #33ADC1 78.5%, #33ADC1 79.5%, transparent 79.5%, transparent 100%); } .WS8 #footKnoppen { background:linear-gradient(90deg, transparent 0%, transparent 33%,#33ADC1 33%, #33ADC1 100%)} .WS9 #Foot1 { background:#fff; } .WS9 #logoBottom { background:linear-gradient(110deg, #ffffff 0%, #ffffff 79%, #ff7909 79%, #ff7909 80%, transparent 80%, transparent 100%); background:linear-gradient(110deg, #ffffff 0%, #ffffff 78.5%, #ff7909 78.5%, #ff7909 79.5%, transparent 79.5%, transparent 100%); } .WS9 #footKnoppen {background:linear-gradient(90deg, transparent 0%, transparent 33%,#ff7909 33%, #ff7909 100%)} .WS10 #Foot1 { background:#fff; } .WS10 #logoBottom { background:linear-gradient(110deg, #ffffff 0%, #ffffff 78.5%, #8b0014 78.5%, #8b0014 79.5%, transparent 79.5%, transparent 100%); } .WS10 #footKnoppen { background:linear-gradient(90deg, transparent 0%, transparent 33%,#8b0014 33%, #8b0014 100%);} .WS11 #Foot1 { background:#fff; } .WS11 #logoBottom { background:linear-gradient(110deg, #ffffff 0%, #ffffff 78.5%, #8b0014 78.5%, #8b0014 79.5%, transparent 79.5%, transparent 100%); } .WS11 #footKnoppen {background:linear-gradient(90deg, transparent 0%, transparent 33%,#8b0014 33%, #8b0014 100%)} .notWS1 #logoBottom div { width:inherit;min-height:inherit; background-size:90%; background-size:initial; background-repeat:no-repeat; background-position:left center; margin-left:10px; } .WS2 #logoBottom div { background-image:url(images/logo_JohCalv.png); } .WS3 #logoBottom div { background-image:url(images/logo_SmdB.png); } .WS4 #logoBottom div { background-image:url(images/logo_Koelmanschool.png); } .WS5 #logoBottom div { background-image:url(images/Juliana_Stolberg-logo.jpg); margin-left: 0px; } .WS5 #Logo { background-size:contain } .WS5 #logoBottom div { background-size: 66% } .WS6 #logoBottom div { background-image:url(images/DNAkker_logo.jpg); margin-left: 0px; } .WS6 #Logo, .WS6 #logoBottom div { background-size:275px auto; } .WS7 #logoBottom div { background-image:url(images/Comrie_logo-2023.jpg); margin-left: 0px; } .WS7 #Logo, .WS7 #logoBottom div { background-size:275px auto; } .WS8 #logoBottom div { background-image:url(images/Kerstenlogo.jpg); margin-left: 0px;background-size:contain; } .WS9 #logoBottom div { background-image:url(images/logo_zandbaan.png); margin-left: 0px; background-size:275px auto; } .WS10 #logoBottom div { background-image:url(images/logo_herman_faukelius.jpg); margin-left: 0px; background-size:200px auto; } .WS11 #logoBottom div { background-image:url(images/logo_petrus_immens.jpg); margin-left: 0px; background-size:200px auto; } /* ADRES, vaste html */ #footAdr { width:450px; display:inline-block;float:left; text-align:left; margin-top:22px;margin-left:50px; font-size:17px;line-height:27px; } #footAdr span { font-weight:700; } #footAdr b { margin-left:3px;margin-right:3px; } .notWS1 #footAdr { margin-left:-10px; } /* NIET BESTUUR:knoppen helemaal onder:*/ #footKnoppen { display:block; position:absolute; bottom:0px; width:100%;height:53px; background:linear-gradient(90deg, transparent 0%, transparent 33%,#262d57 33%, #262d57 100%); } #Form .WS4 #footAdr a { color:#3c3c3b!important; } #Form .WS4 #footAdr a:hover { color:#feba31!important; } .WS1 #footKnoppen { display:none; } .WS4 #footKnoppen { background:linear-gradient(90deg, transparent 0%, transparent 33%,#3c3c3b 33%, #3c3c3b 100%); } #footKnoppenCMS { margin-left:440px;width:270px;z-index:9;position:relative; } .WS7 #footKnoppenCMS { width:470px; } .WS8 #footKnoppenCMS { width:470px; } .WS9 #footKnoppenCMS { width:470px; } .WS10 #footKnoppenCMS { width:470px; } .WS11 #footKnoppenCMS { width:470px; } .notWS1 #Foot1 a.KNOP { margin:12px 30px 0px 0px; } .WS2 #footAdr a:hover { color:#f39200; } .WS3 #footAdr a:hover { color:#c0240c; } .WS9 #footAdr .footPartOf { padding-top: 30px; } #Form .WS4 a.KNOP:hover div { color:#ffffff; } /* portal rotzooi */ /* KNOP bg-color */ .WS2 #Foot1 a.KNOP, .WS2 #Foot1 a.KNOP div::before, .WS2 #Foot1 a.KNOP div::after { background:#6a7291; } .WS3 #Foot1 a.KNOP, .WS3 #Foot1 a.KNOP div::before, .WS3 #Foot1 a.KNOP div::after { background:#5e6888; } .WS4 #Foot1 a.KNOP, .WS4 #Foot1 a.KNOP div::before, .WS4 #Foot1 a.KNOP div::after { background:#787c7e; } /* KNOP hover */ #Body .WS2 #Foot1 a.KNOP:hover, #Body .WS2 #Foot1 a.KNOP:hover div::before, #Body .WS2 #Foot1 a.KNOP:hover div::after, #Body .WS2 #Foot1 a.KNOP:active, #Body .WS2 #Foot1 a.KNOP:active div::before, #Body .WS2 #Foot1 a.KNOP:active div::after { background:#f39200; } #Body .WS3 #Foot1 a.KNOP:hover, #Body .WS3 #Foot1 a.KNOP:hover div::before, #Body .WS3 #Foot1 a.KNOP:hover div::after, #Body .WS3 #Foot1 a.KNOP:active, #Body .WS3 #Foot1 a.KNOP:active div::before, #Body .WS3 #Foot1 a.KNOP:active div::after { background:#c0240c; } #Body .WS4 #Foot1 a.KNOP:hover, #Body .WS4 #Foot1 a.KNOP:hover div::before, #Body .WS4 #Foot1 a.KNOP:hover div::after, #Body .WS4 #Foot1 a.KNOP:active, #Body .WS4 #Foot1 a.KNOP:active div::before, #Body .WS4 #Foot1 a.KNOP:active div::after { background:#feba31; } #w2wmade { float:right;margin-top:12px; } #w2wmade a { color:#ffffff!important;line-height:45px; } #w2wmade a:hover, #w2wmade a:active { color:#f8b326!important; } #footSM { width:auto;height:50px;display:inline-block;float:right;margin-top:15px; } #Foot2 { height:52px; background:#131d49 url(images/foot2.png) no-repeat center center; background-size:100% 100%; } /* ---- Footer voor niet bestuursite, anders.... #Foot2 "weg", #Foot1 hoger (neemt #Foot1 mee) ---- */ .notWS1 #Foot1 { min-height:160px; min-height:210px;/* SM knoppen eronder! */ bottom:0px; } .notWS1 #Foot2 /* wegvallen bij niet-bestuur, wel functioneel */ { height:0px;overflow:visible; } .notWS1 #Foot2 #Login { top:-50px; } /* bit tricky */ .notWS1 #Foot2 #tegSM_9 { top:-50px; } /* ============================================================== ================== SOCIAL MEDIA "TILES" ================== ============================================================== */ /* ================== TILES DNN-RETURN ================== */ .pubReturnLink a.smTile { color:#fff!important;text-align:center;width:100px;line-height:50px;margin-right:15px; } .pubReturnLink a.smTile:hover, .pubReturnLink a.smTile:active { background:#3B3B39; } /* ================== TILES / FIXED CONTROLS ================== */ #fixTiles { position:fixed; z-index:700; top:50%; /* margin-top:-55px;> js hoogte blok 50% */ display:none;/* js onload */ /* left:0;*/ right:5px; transform:translate(80px,0px); transition:transform 0.33s ease 1.5s; } #fixTiles.fixTiles_posLeft { right:auto;left:5px;transform:translate(-80px,0px); } #fixTiles.fixTiles_posTop { top:70px;/* js :top geen % dan margin-top niet aanpassen, deze is precies fixed */ } #fixTiles a.smTile { margin-left:0px;clear:both;margin-bottom:10px; } #fixTiles.show { transform:translate(0px,0px); display:block; } /* =============== TEGEL EFFECT ============= */ a.smTile { width:50px;height:50px;display:inline-block; float:left;margin-left:10px;/* multiple */ } a.smTile:hover, a.smTile:active { xxbackground-color:#3B3B39; } a.smTile .smTile_ico { font-family:"Ionicons";color:#ffffff;text-align:center;line-height:50px; width:50px;height:50px;display:inline-block;float:left;position:relative; font-size:30px!important;/* defailt */ } a.smTile.smT_FB .smTile_ico { font-size:34px!important; } a.smTile.smT_TW .smTile_ico { font-size:32px!important; } a.smTile.smT_GP .smTile_ico { font-size:34px!important; } a.smTile.smT_LI .smTile_ico { font-size:38px!important; } a.smTile.smT_IG .smTile_ico { font-size:38px!important; } a.smTile.smT_ADM .smTile_ico { font-size:38px!important; } #tegFix3 .smTile_ico { } /* nieuws */ #tegFix4 .smTile_ico { font-size:29px!important; } /* agenda */ #tegFix5 .smTile_ico { font-size:45px!important; } /* contact */ #tegFix6 .smTile_ico { font-size:43px!important; } /* foto's */ /* opmaaken voor tiles voor deze site ... */ a.smTile.smT_site, a.smTile.smT_site .smTile_Expand { } a.smTile.smT_site .smTile_ico { font-size:34px!important; } .smT_site, .smT_site .smTile_fx { background:#941b81; } .smT_site, .smT_site .smTile_fx { background:#312a74; } .smT_FB, .sm_FB .smTile_fx { background:#131d49; } .smT_TW, .sm_TW .smTile_fx { background:#005fa9; } .smT_GP, .sm_GP .smTile_fx { background:#e41319; } .smT_YT, .sm_YT .smTile_fx { background:#e7550d; } .smT_LI, .sm_LI .smTile_fx { background:#1384c7; } .smT_IG, .sm_IG .smTile_fx { background:#947e5f; } .smT_ADM, .smT_ADM .smTile_fx { background:#f0941d; } .WS4 #Login a.LoginKey, .WS4 .smT_ADM, .WS4 .smT_ADM .smTile_fx { background:rgb(253, 185, 50); } .WS7 .smT_FB, .sm_FB .smTile_fx { background:#67b1d4; } .WS7 .smT_TW, .sm_TW .smTile_fx { background:#fc1c14; } .WS8 .smT_FB, .sm_FB .smTile_fx { background:#AA7D51 ; } .WS8 .smT_TW, .sm_TW .smTile_fx { background:#AA7D51 ; } #tegFix1, #tegFix1 .smTile_fx { background:#941b81; } /* homepage */ /* #tegFix2, #tegFix2 .smTile_fx { background:#941b81; } /* zoeken */ #tegSM_9 { transform:scale(.75);position:absolute;left:43px; } #tegSM_9 .smTile_Expand { transform:scale(1.25); } /* .smT_FB.smTileVerloop .smTile_ico_knop, .smT_FB.smTileVerloop .smTile_fx { box-shadow:0px -25px 15px -5px rgba(0,0,0,.33) inset; } .smT_TW.smTileVerloop .smTile_ico_knop, .smT_TW.smTileVerloop .smTile_fx { box-shadow:0px 15px 10px -5px rgba(255,255,255,.5) inset; } .smT_GP.smTileVerloop .smTile_ico_knop, .smT_GP.smTileVerloop .smTile_fx { background:linear-gradient(170deg, #eb6a52, #e41319, #cf3e29); } .smT_IG.smTileVerloop .smTile_ico_knop, .smT_IG.smTileVerloop .smTile_fx { box-shadow:0px 10px 10px 0px rgba(101,79,65,.5) inset; } .smT_LI.smTileVerloop .smTile_ico_knop, .smT_LI.smTileVerloop .smTile_fx { box-shadow:0px 20px 10px -5px rgba(134,188,213,.75) inset; } */ .smTile_Expand .smTile_fx { width:inherit;height:inherit;transition:all .1s ease .15s!important; } .smTile_Expand { } .smTile_txt { font-family:"Open Sans", sans-serif; font-weight:700;font-size:15px;line-height:50px; color:#ffffff; text-align:right; height:inherit;float:left; width:175px;/* "Volg ons op Facebook" */ } .smTile_Expand { z-index:9999; position:relative;height:inherit;text-align:left; visibility:hidden;overflow:hidden;top:-50px; width:225px;/* _txt +50 */ background:expand; } .smTile_txt { text-align:center; } /* .smT_site .smTile_Expand { width:280px; } .smT_site .smTile_txt { width:240px; } */ .smT_FB .smTile_Expand { } .smT_FB .smTile_txt { } .smT_TW .smTile_Expand { xwidth:220px; } .smT_TW .smTile_txt { xwidth:180px; } .smT_IG .smTile_Expand { xwidth:240px; } .smT_IG .smTile_txt { xwidth:200px; } .smT_GP .smTile_Expand { xwidth:220px; } .smT_GP .smTile_txt { xwidth:180px; } .smT_ADM .smTile_Expand { width:170px; } .smT_ADM .smTile_txt { width:130px; } .smTileW150 .smTile_Expand { width:180px!important; } .smTileW150 .smTile_txt { width:150px!important; } .smTileW160 .smTile_Expand { width:190px!important; } .smTileW160 .smTile_txt { width:160px!important; } .smTileW170 .smTile_Expand { width:200px!important; } .smTileW170 .smTile_txt { width:170px!important; } .smTileW180 .smTile_Expand { width:210px!important; } .smTileW180 .smTile_txt { width:180px!important; } .smTileW190 .smTile_Expand { width:220px!important; } .smTileW190 .smTile_txt { width:190px!important; } .smTileW200 .smTile_Expand { width:230px!important; } .smTileW200 .smTile_txt { width:200px!important; } .smTileW210 .smTile_Expand { width:240px!important; } .smTileW210 .smTile_txt { width:210px!important; } .smTileW220 .smTile_Expand { width:250px!important; } .smTileW220 .smTile_txt { width:220px!important; } .smTileW230 .smTile_Expand { width:260px!important; } .smTileW230 .smTile_txt { width:230px!important; } .smTileW240 .smTile_Expand { width:270px!important; } .smTileW240 .smTile_txt { width:240px!important; } .smTileW250 .smTile_Expand { width:280px!important; } .smTileW250 .smTile_txt { width:250px!important; } .smTileW260 .smTile_Expand { width:290px!important; } .smTileW260 .smTile_txt { width:260px!important; } .smTileW270 .smTile_Expand { width:300px!important; } .smTileW270 .smTile_txt { width:270px!important; } a.smTile .smTile_Expand .smTile_ico { position:absolute;float:none;position:absolute;right:5px; } a.smTile:hover div, a.smTile:active div {visibility:visible; } a.smTile:hover .smTile_Expand .smTile_fx, a.smTile:active .smTile_Expand .smTile_fx { transform:translate(0px,0)!important; } a.smTile.TEASE div{visibility:visible; } a.smTile.TEASE .smTile_Expand .smTile_fx { transform:translate(0px,0)!important; } /* --- Right expand --- */ .smTile_expR .smTile_Expand .smTile_fx { transform:translate(-175px,0); } /* als _txt, neg */ /* --- Left expand --- */ /* tile verdwijnt */ a.smTile.smTile_expL .smTile_Expand .smTile_ico { right:0px;xxdisplay:none!important; } a.smTile.smTile_expL .smTile_Expand .smTile_fx { xxmargin-left:35px!important; } a.smTile.smTile_expL .smTile_Expand .smTile_txt { xxxwidth:inherit!important; } a.smTile.smTile_expL .smTile_Expand { margin-left:20px; } a.smTile.smTile_expL .smTile_Expand { xxleft:-175px; } /* als _txt */ a.smTile.smTile_expL .smTile_Expand .smTile_fx { xxtransform:translate(175px,0); } /* als _txt */ /* a.smTile.smTile_expL.smT_GP .smTile_Expand { left:-170px; } */ a.smTile.smTileW150.smTile_expL .smTile_Expand { left:-150px; } a.smTile.smTileW150.smTile_expL .smTile_Expand .smTile_fx { transform:translate(150px,0); } a.smTile.smTileW160.smTile_expL .smTile_Expand { left:-160px; } a.smTile.smTileW160.smTile_expL .smTile_Expand .smTile_fx { transform:translate(160px,0); } a.smTile.smTileW170.smTile_expL .smTile_Expand { left:-170px; } a.smTile.smTileW170.smTile_expL .smTile_Expand .smTile_fx { transform:translate(170px,0); } a.smTile.smTileW180.smTile_expL .smTile_Expand { left:-180px; } a.smTile.smTileW180.smTile_expL .smTile_Expand .smTile_fx { transform:translate(180px,0); } a.smTile.smTileW190.smTile_expL .smTile_Expand { left:-190px; } a.smTile.smTileW190.smTile_expL .smTile_Expand .smTile_fx { transform:translate(190px,0); } a.smTile.smTileW200.smTile_expL .smTile_Expand { left:-200px; } a.smTile.smTileW200.smTile_expL .smTile_Expand .smTile_fx { transform:translate(200px,0); } a.smTile.smTileW210.smTile_expL .smTile_Expand { left:-210px; } a.smTile.smTileW210.smTile_expL .smTile_Expand .smTile_fx { transform:translate(210px,0); } a.smTile.smTileW220.smTile_expL .smTile_Expand { left:-220px; } a.smTile.smTileW220.smTile_expL .smTile_Expand .smTile_fx { transform:translate(220px,0); } a.smTile.smTileW230.smTile_expL .smTile_Expand { left:-230px; } a.smTile.smTileW230.smTile_expL .smTile_Expand .smTile_fx { transform:translate(230px,0); } a.smTile.smTileW240.smTile_expL .smTile_Expand { left:-240px; } a.smTile.smTileW240.smTile_expL .smTile_Expand .smTile_fx { transform:translate(240px,0); } a.smTile.smTileW250.smTile_expL .smTile_Expand { left:-250px; } a.smTile.smTileW250.smTile_expL .smTile_Expand .smTile_fx { transform:translate(250px,0); } a.smTile.smTileW260.smTile_expL .smTile_Expand { left:-260px; } a.smTile.smTileW260.smTile_expL .smTile_Expand .smTile_fx { transform:translate(260px,0); } a.smTile.smTileW270.smTile_expL .smTile_Expand { left:-270px; } a.smTile.smTileW270.smTile_expL .smTile_Expand .smTile_fx { transform:translate(270px,0); } /* --- Center expand --- */ a.smTile.smTile_expC:hover .smTile_Expand .smTile_fx, a.smTile.smTile_expC:active .smTile_Expand .smTile_fx { transform:scaleX(1); } a.smTile.smTile_expC .smTile_Expand { left:-88px; } /* als _txt , 50% */ a.smTile.smTile_expC .smTile_Expand .smTile_fx { transform:scaleX(0);transition:all .2s linear; } a.smTile.smTile_expC .smTile_txt { float:right;text-align:left; } a.smTile.smTile_expC .smTile_fx .smTile_ico { float:right; } /* --- Top expand --- */ .smTile_expT .smTile_Expand { transform:rotate(-90deg);transform-origin:25px 25px;/* 50px van blok */ } .smTile_expT .smTile_Expand .smTile_fx { transform:translate(-175px,0);/* ????? */ } /* als _txt, neg */ /* --- Top/schuin 30deg expand --- */ .smTile_expTS .smTile_Expand { top:-75px;left:-15px; box-shadow:-5px 5px 10px 0px rgba(0,0,0,.3); xtransform:rotate(-30deg);xtransform-origin:25px 25px;/* 50px van blok */ } .smTile_expTS .smTile_Expand .smTile_fx { transition:transform .15s ease;transform:scale(.25); } /* als _txt, neg */ /* --- Top/schuin 15deg expand --- */ .smTile_expTSS .smTile_Expand { top:-70px;box-shadow:-5px 5px 10px 0px rgba(0,0,0,.3); transform:rotate(-15deg);transform-origin:25px 25px;/* 50px van blok */ } .smTile_expTSS .smTile_Expand .smTile_fx { transition:transform .15s ease;transform:scale(.25); } /* als _txt, neg */ /* --- Top/schuin 15deg LEFT expand --- */ .smTile_expTSL .smTile_Expand { xxbox-shadow:-5px 5px 10px 0px rgba(0,0,0,.3);left:-175px;top:-150px; transform:rotate(12deg);transform-origin:25px 25px;/* 50px van blok */ } .smTile_expTSL .smTile_Expand .smTile_fx { transition:transform .15s ease;transform:scale(.25); } /* als _txt, neg */ /* --- Bottom/schuin expand --- */ .smTile_expBS .smTile_Expand { top:40px;left:-157px;box-shadow:-5px 5px 10px 0px rgba(0,0,0,.3);transform:rotate(-30deg);transform-origin:25px 25px;/* 50px van blok */ } .smTile_expBS .smTile_Expand .smTile_fx { transition:transform .15s ease;transform:scale(.25); } /* als _txt, neg */ /* --- Schuin expand algemeen EFFECT, knop donkerder --- */ /* TODO alg via spec klas > hover knop donkerder [2] ook hover over vlak */ a.smTile.smTile_expTS:hover .smTile_ico_knop, a.smTile.smTile_expTS:active .smTile_ico_knop, a.smTile.smTile_expBS:hover .smTile_ico_knop, a.smTile.smTile_expBS:active .smTile_ico_knop { box-shadow:0px -50px 0px 0px rgba(0,0,0,.25) inset; } a.smTile.smT_ADM:hover, a.smTile.smT_ADM:active { } a.smTile.smT_ADM:hover .smTile_ico_knop, a.smTile.smT_ADM:active .smTile_ico_knop { box-shadow:none;xxxbackground:#f0941d; } .smTile_Expand .smTile_fx { } /* ============= DISALE TILES =============== via js functie "disableTegels_zelfdeLink()" herkend dat ie zelfde link heeft, dan disablen of evt zelf via js/aspx toevoegen */ a.smTileDis { background:rgba(128,128,128,.67)!important; } a.smTileDis .smTile_fx { background:#707070!important; } a.smTileDis .smTile_Expand { display:none!important; } /* ==== HAMB MENU FOOTER, ICON FACEBOOK MET EFFECT ==== */ #MobileMenuFB { display:inline-block; margin-top:5px;margin-left:5px;width:40px;height:40px;line-height:40px;font-size:30px; color:#fff;text-align:center; width:auto; transform:translate(-175px,0);transition:transform 0.33s ease; } #MobileMenuFB1 { font-size:15px;font-weight:bold; padding-left:10px;margin:0px -10px 0px 0px;vertical-align:top; width:170px; display:inline-block; visibility:hidden; } #MobileMenuFB2 { width:40px;height:40px;line-height:40px;font-size:30px; display:inline-block;font-family:"Ionicons"; background:#4c75ba; } #MobileMenuFB:hover { transform:translate(0px,0);background:#4c75ba;padding-right:3px;margin-right:10px; } /* marg:geen hover aan/uit bij transistion */ #MobileMenuFB:hover #MobileMenuFB1 { visibility:inherit;margin-right:-19px; } /* "F" dichtbij tekst */ #MobileMenuFB:hover #MobileMenuFB2 { background:transparent; } #dnn_ctr37940_ViewLoader_lblMessage { font-family:'Signika', sans-serif; color:#fff;padding:20px;line-height:60px; } /*SocialMedia*/ /* .SocialMediaIconsPane{ display:inline-block;vertical-align:top} .SocialMediaIcons {padding-top:10px;color:#fff; } .SocialMediaIcons .SocialMediaIcon {font-family:"Ionicons";margin:0 10px 0 0;border-width:2px;border-style:solid;font-size:18px;background-color:#fff;border-radius:50%;line-height:27px;text-align:center;width:27px;height:27px;display:inline-block;vertical-align:top;zoom:1;*display:inline; } .SocialMediaIcons .SocialMediaIcon[title="facebook"] { font-size:24px;line-height:29px; } .SocialMediaIcons .SocialMediaIcon:hover { text-decoration:none;color:inherit;border-color:currentColor} */ /* ================================================================================ MENU'S ================================================================================ */ /* #Menu * { transition:none; } .RadPanelBar_MainMenu * { transition:none; } */ #Menu { z-index:900;/* padding-top:75px;float:right;*/ position:absolute; width:66%;padding-left:34%; top:80px; height:70px; background:#e9f5fd; } #Menu { display:inline-block;vertical-align:top;zoom:1;*display:inline;background:#e9f5fd!important; } .WS9 #Menu { background-color: #8fb823 !important; } .WS10 #Menu { background-color: #0173ba !important; } .WS11 #Menu { background-color: #0173ba !important; } /* =================== RADMENU =================== */ /* === Root Items === */ .RadMenu_MainMenu { z-index:910 !important;background-color:transparent!important; } .RadMenu_MainMenu .rmRootGroup .rmItem { margin:0px;padding:0px; } .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink { margin:0px;padding:0px;cursor:pointer;text-decoration:none} .WS7 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText {text-transform:none;} .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText { margin:0px;padding:0; display:block;white-space:nowrap;background-color:#e9f5fd;color:#131d49;text-transform:lowercase;overflow:hidden; height:30px;line-height:30px; padding:20px 13px;/* <<<<< @ wilco.. spacing more/less */ font-family:'Signika', sans-serif; font-size:21px; font-weight:600; } .WS4 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText { color:#3c3c3b; } .WS5 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText { color:#3c3c3b; } .WS4 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText { color:#ffffff; } .WS5 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText { color:#000; } .WS6 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText { color:#000; } #Wrapper.WS8 .DesktopMenu .rmVertical .rmItem .rmLink .rmText{ color:#000; } .WS9 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText { color:#ffffff; background-color: #8fb823; } .WS10 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText { color:#ffffff; background-color: #0173ba; } .WS11 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText { color:#ffffff; background-color: #0173ba; } /* New menu */ /* #Menu { position:relative; z-index:960; isolation:isolate; padding:0; } */ #Wrapper .DesktopMenu .RadMenu_MainMenu .rmHorizontal{white-space: nowrap; position:relative; display: flex;} #Wrapper .DesktopMenu .RadMenu_MainMenu ul, #Wrapper .DesktopMenu .RadMenu_MainMenu li { margin:0px; padding:0px; list-style:none;} /* !!!!!!!!!! Fake RadMenu */ /* --ROOT-- */ #Wrapper .DesktopMenu .rmHorizontal .rmSlide {margin-top:0!important;display:block !important; box-sizing:border-box; z-index:111; top:100%; left:0; overflow:hidden; height:0; position: absolute; } #Wrapper .DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmLast > .rmSlide {left:auto; right:0} #Wrapper .DesktopMenu .rmHorizontal .rmGroup {opacity:0; transition:opacity 0.3s ease, transform 0.3s ease; transform:translate(0,-10px); } #Wrapper .DesktopMenu .rmHorizontal .rmItem {margin: 0px; padding: 0px; position: relative; clear: none; } #Wrapper .DesktopMenu .rmHorizontal .rmItem .rmLink { cursor: pointer; text-decoration: none; display:block; margin: 0px; padding: 0px; } #Wrapper .DesktopMenu .rmHorizontal .rmItem .rmLink .rmText{width:100%; box-sizing: border-box; padding:0px 10px; line-height: 70px; height:70px; font-size: 22px; display: block; white-space: normal; color:#000;} /*first,last,only*/ #Wrapper .DesktopMenu .rmHorizontal .rmItem.rmFirst{} #Wrapper .DesktopMenu .rmHorizontal .rmItem.rmLast {} #Wrapper .DesktopMenu .rmHorizontal .rmItem.rmOnly {} /*expanded,hover,selected,breadcrumb*/ #Wrapper .DesktopMenu .rmHorizontal.rmRootGroup .rmItem:has(.rmSlide:hover) > .rmLink > .rmText {} #Wrapper .DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmSelected > .rmLink > .rmText {color:#fff; } #Wrapper .DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmBreadcrumb > .rmLink > .rmText {color:#131d49; } #Wrapper .DesktopMenu .rmHorizontal.rmRootGroup .rmItem > .rmLink .rmText:hover {color:#fff; } /*--SUB--*/ #Wrapper .DesktopMenu .rmHorizontal .rmLevel0 .rmGroup {transform:translate(-20px, 0px); } #Wrapper .DesktopMenu .rmHorizontal .rmItem:hover > .rmSlide { overflow:visible; height:auto; transform:translate(0px, 0px); padding:0px; border-radius:15px;} #Wrapper .DesktopMenu .rmHorizontal .rmItem:hover > .rmSlide > .rmGroup {opacity:1; transform:translate(0px, 0px);} #Wrapper .DesktopMenu .rmHorizontal .rmSlide .rmItem:hover .rmSlide {left:100%; top:0;} #Wrapper .DesktopMenu .rmHorizontal .rmGroup .rmItem {width:100%; } #Wrapper .DesktopMenu .rmHorizontal .rmGroup .rmText {line-height: 30px !important; height: 30px !important;} #Wrapper .DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink {margin:0; padding:0; width:100%; display:block;} #Wrapper .DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink .rmText{ min-width:175px; color:#fff; font-size:21px; padding:0 30px; white-space:nowrap;} /*first,last,only*/ #Wrapper .DesktopMenu .rmHorizontal .rmGroup > .rmItem.rmFirst {margin-top:15px;} #Wrapper .DesktopMenu .rmHorizontal .rmGroup .rmItem .rmItem.rmFirst {margin-top:-8px !important;} #Wrapper .DesktopMenu .rmHorizontal .rmGroup .rmItem.rmFirst > .rmLink > .rmText{margin-top:8px;} #Wrapper .DesktopMenu .rmHorizontal .rmGroup .rmItem.rmLast > .rmLink > .rmText{margin-bottom:8px;} #Wrapper .DesktopMenu .rmHorizontal .rmGroup .rmItem.rmOnly > .rmLink > .rmText{} /*expanded,hover,selected,breadcrumb*/ #Wrapper .DesktopMenu .rmHorizontal .rmGroup .rmItem:has(.rmSlide:hover) > .rmLink > .rmText {} #Wrapper .DesktopMenu .rmHorizontal .rmGroup .rmItem.rmSelected > .rmLink > .rmText {color:#fff} #Wrapper .DesktopMenu .rmHorizontal .rmGroup .rmItem.rmBreadcrumb > .rmLink > .rmText {color:#fff} #Wrapper .DesktopMenu .rmHorizontal .rmGroup .rmItem > .rmLink .rmText:hover {color:#fff} /* !!!!!!!!!! Fake Panelbar / submenu */ #Wrapper .DesktopMenu ul.rmRootGroup.rmVertical {width:220px; position: relative; z-index: 100;} #Wrapper .DesktopMenu .rmVertical .rmSlide {position:static} #Wrapper .DesktopMenu .rmVertical .rmGroup{transform:translateY(0px); transform:translateX(0px);} #Wrapper .DesktopMenu .RadMenu ul.rmVertical{ border:0; padding:5px 0;} #Wrapper .DesktopMenu .rmVertical .rmItem {padding:0; display:block;width:100%;} #Wrapper .DesktopMenu .rmVertical .rmItem .rmLink {width:100%;} #Wrapper .DesktopMenu .rmVertical .rmItem .rmLink .rmText{ display:block; min-width:100px; font-size:18px; padding: 7px 10px; font-size:17px; color:#fff; text-transform: capitalize;} #Wrapper .DesktopMenu .rmVertical .rmSlide {display:none !important; margin:0; width:100%;} #Wrapper .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide {display:block !important; height:auto; } #Wrapper .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide > .rmGroup {opacity:1} /*sub*/ #Wrapper .DesktopMenu .rmVertical .rmSlide .rmItem {padding-left:0px;} /*expanded,hover,selected,breadcrumb */ #Wrapper .DesktopMenu .rmVertical .rmItem .rmLink:hover { text-decoration:none !important} #Wrapper .DesktopMenu .rmVertical .rmItem:has(.rmSlide:hover) > .rmLink > .rmText { color:#fff; } #Wrapper .DesktopMenu .rmVertical .rmItem:hover > .rmLink > .rmText { color:#fff; } #Wrapper .DesktopMenu .rmVertical .rmItem.rmSelected > .rmLink > .rmText { color:#fff; } #Wrapper .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmLink > .rmText { color:#fff; } #Wrapper .DesktopMenu .rmVertical .rmGroup .rmItem, #Wrapper .DesktopMenu .rmVertical .rmItem .rmLink .rmText{ } /* Arrow */ #Wrapper .DesktopMenu .rmVertical .rmGroup .rmItem .rmLink .rmText:before { content: "\f10a"; font-family: "Ionicons"; font-size: 17px; color: #fff; margin: 0px 10px 0px 3px; position: relative; top: 1px;} #Wrapper.WS1 .DesktopMenu .rmVertical .rmItem .rmSelected > .rmLink > .rmText, #Wrapper.WS1 .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmLink > .rmText { background-color:#e7550d !important; } /* selected / breadcrumb */ #Wrapper.WS1 .DesktopMenu .RadMenu ul.rmVertical { background-color:#f0b300;} /* achtergrondkleur */ #Wrapper.WS1 .DesktopMenu .rmVertical .rmItem .rmLink .rmText:hover { background-color:#3b3b39 !important; } /* hover */ #Wrapper.WS2 .DesktopMenu .rmVertical .rmItem .rmSelected > .rmLink > .rmText, #Wrapper.WS2 .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmLink > .rmText { background-color:#262d57 !important; } /* selected / breadcrumb */ #Wrapper.WS2 .DesktopMenu .RadMenu ul.rmVertical { background-color:#f39200;} /* achtergrondkleur */ #Wrapper.WS2 .DesktopMenu .rmVertical .rmItem .rmLink .rmText:hover { background-color:#26318c !important; } /* hover */ #Wrapper.WS3 .DesktopMenu .rmVertical .rmItem .rmSelected > .rmLink > .rmText, #Wrapper.WS3 .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmLink > .rmText { background-color:#65b450 !important; } /* selected / breadcrumb */ #Wrapper.WS3 .DesktopMenu .RadMenu ul.rmVertical { background-color:#3c4092;} /* achtergrondkleur */ #Wrapper.WS3 .DesktopMenu .rmVertical .rmItem .rmLink .rmText:hover { background-color:#c0240c !important; } /* hover */ #Wrapper.WS5 .DesktopMenu .rmVertical .rmItem .rmSelected > .rmLink > .rmText, #Wrapper.WS5 .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmLink > .rmText { background-color:#ffef3a !important; color:#000 !important;} /* selected / breadcrumb */ #Wrapper.WS5 .DesktopMenu .RadMenu ul.rmVertical { background-color:#0073ce;} /* achtergrondkleur */ #Wrapper.WS5 .DesktopMenu .rmVertical .rmItem .rmLink .rmText:hover { background-color:#ffef3a !important; color:#000 !important;} /* hover */ #Wrapper.WS5 .DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink .rmText { color:#000 !important } /* HOME knop grafisch */ /* .RadMenu_MainMenu.MainMenuL .rmItem:nth-child(1) .rmRootLink .rmText { color:transparent;width:35px!important;font-size:0px; background-image:url(images/menu_home2.png)!important;background-repeat:no-repeat!important;background-position:center center!important; } */ .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink.rmExpanded .rmText {background-color:#f0b300!important;color:#ffffff; } .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:active { background-color:#3B3B39!important;color:#ffffff; } .WS2 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink.rmExpanded .rmText {background-color:#f39200!important; } .WS2 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, .WS2 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:active { background-color:#f39200!important; } .WS3 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink.rmExpanded .rmText {background-color:#ffcc00!important; } .WS3 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, .WS3 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:active { background-color:#ffcc00!important; } .WS4 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, .WS4 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:active { background-color:#fdb932!important; } .WS5 .RadMenu_MainMenu .rmGroup .rmItem { background-color:#ffef3a !important; color:#000 !important} .WS5 .RadMenu_MainMenu .rmRootGroup .rmItem .rmSelected .rmText { background-color:#ffef3a; color:#000;} .WS5 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, .WS5 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:active, .WS5 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink.rmExpanded .rmText { background-color:#ffef3a !important; color:#000 !important} .WS7 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink.rmExpanded .rmText { background-color:#588e8e !important; color:#fff !important} .WS8 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink.rmExpanded .rmText { background-color:#AA7D51 !important; color:#fff !important } .WS6 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, .WS6 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:active { background-color:#588e8e!important; } .WS7 .RadMenu_MainMenu .rmRootGroup .rmItem .rmSelected .rmText {background-color:#67b1d4; color:#fff;} .WS7 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink.rmExpanded .rmText { background-color:#67b1d4 !important; color:#fff !important} .WS7 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, .WS7 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:active { background-color:#67b1d4!important; } .WS8 .RadMenu_MainMenu .rmRootGroup .rmItem .rmSelected .rmText {background-color:#AA7D51 ; color:#fff;} .WS8 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink.rmExpanded .rmText { background-color:#AA7D51 !important; color:#fff !important} .WS8 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, .WS8 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:active { background-color:#AA7D51 !important; } .WS9 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink.rmExpanded .rmText { background-color:#ff7909 !important; color:#fff !important} .WS9 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, .WS9 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:active { background-color:#ff7909 !important; } .WS10 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink.rmExpanded .rmText { background-color:#8b0014 !important; color:#fff !important} .WS10 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, .WS10 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:active { background-color:#8b0014 !important; } .WS11 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink.rmExpanded .rmText { background-color:#8b0014 !important; color:#fff !important} .WS11 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, .WS11 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:active { background-color:#8b0014 !important; } /* === Sub Items === */ .RadMenu_MainMenu .rmSlide { margin-top:15px; } .RadMenu_MainMenu .rmSlide .rmSlide { margin-top:-10px; } .RadMenu_MainMenu .rmGroup .rmItem { margin:0px;padding:0px;background-color:#f0b300!important; } .WS2 .RadMenu_MainMenu .rmGroup .rmItem { background-color:#f39200!important; } .WS3 .RadMenu_MainMenu .rmGroup .rmItem { background-color:#ffcc00!important; } .WS5 .RadMenu_MainMenu .rmGroup .rmItem { margin:0px;padding:0px;background-color:#FFEF3A!important; } .WS7 .RadMenu_MainMenu .rmGroup .rmItem { margin:0px;padding:0px;background-color:#67b1d4!important; } .WS8 .RadMenu_MainMenu .rmGroup .rmItem { margin:0px;padding:0px;background-color:#AA7D51 !important; } .RadMenu_MainMenu .rmGroup .rmItem .rmLink { margin:0px;padding:0px;cursor:pointer;text-decoration:none} .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText { margin:0;padding:0 10px 0px 14px;display:block;white-space:nowrap;min-width:130px;background-color:transparent!important;color:#fff; width:auto;text-align:left; } .RadMenu_MainMenu .rmGroup .rmItem.rmFirst { padding-top:10px; } .RadMenu_MainMenu .rmGroup .rmItem.rmLast { padding-bottom:10px; } /* Selected State */ .RadMenu_MainMenu .rmGroup .rmItem .rmSelected .rmText { } /* Hover State */ .notWS1 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover, .notWS1 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:active { background:#262d57!important; } /* algemene donker blauw = schuine streep naast logo */ #Body .WS4 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover, #Body .WS4 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:active { background:#3c3c3b!important; } /* toch uitzondering! nieuwe 2019 */ #Body .WS5 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover, #Body .WS5 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:active { color:#fff !important; background-color:#0073ce !important; } /* toch uitzondering! nieuwe 2019 */ #Body .WS6 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover, #Body .WS6 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:active { background:#f2c957 !important; } /* toch uitzondering! nieuwe 2019 */ #Body .WS7 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover, #Body .WS7 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:active { background:#67b1d4 !important; } /* toch uitzondering! nieuwe 2019 */ #Body .WS8 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover, #Body .WS8 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:active { background:#AA7D51 !important; } #Body .WS9 .RadMenu_MainMenu .rmGroup .rmItem { background-color:#1c65a3 !important; } #Body .WS9 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover, #Body .WS9 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:active { background:#ff7909 !important; } #Body .WS10 .RadMenu_MainMenu .rmGroup .rmItem { background-color:#0173ba !important; } #Body .WS10 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover, #Body .WS10 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:active { background:#8b0014 !important; } #Body .WS11 .RadMenu_MainMenu .rmGroup .rmItem { background-color:#0173ba !important; } #Body .WS11 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover, #Body .WS11 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:active { background:#8b0014 !important; } .WS6 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink.rmExpanded .rmText {background:#588e8e !important} .WS6 .RadMenu_MainMenu .rmGroup .rmItem {background:#588e8e !important} .notWS1.WS5 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover, .notWS1.WS5 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:active #Body #Wrapper.WS5 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover, #Body #Wrapper.WS5 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:active { color:#fff !important; background-color:#0073ce !important; } /* ================================================================================================================== RADPANELBAR (SEQ PAGES) ================================================================================================================== */ #dnn_LeftNarrowPane .DnnModule { padding-bottom:10px; } .RadPanelBar_MainMenu { z-index:910 !important;margin:0px !important; padding:5px 0px!important;border:0px !important; background:transparent; } #dnn_LeftNarrowPane #icr_sidebar { display:block; } /* .sb_categorieslist naar .pm_block */ #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist, .RadPanelBar_MainMenu .rpRootGroup { margin:0px !important;padding:0px !important;border:0px !important; } .RadPanelBar_MainMenu .rpRootGroup .rpItem { margin:0px !important;padding:0px !important;border:0px !important; } #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li, .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink { margin:0px !important;padding:0px !important;border:0px !important;cursor:pointer; } .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut { margin:0px !important;padding:0px !important;border:0px !important;display:block; } #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist a, .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText { margin:0px !important;border:0px !important;display:block;white-space:normal; font-size:17px;min-height:18px; font-family:'Signika', sans-serif;xxxfont-weight:600;xxxcolor:#fff!important;letter-spacing:normal !important; padding:7px 10px 8px 15px!important; /* background-color:#f0b300!important;*/ } .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText {color:#fff!important; } .WS10 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText {color:#0173ba!important; } .WS11 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText {color:#0173ba!important; } #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist a:hover { color:#fff!important; } .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText { text-decoration:none !important; } .WS1 #SubMenuVlak .RadPanelBar_MainMenu { background:#f0b300; } /* COMPLETE VLAK */ .WS2 #SubMenuVlak .RadPanelBar_MainMenu{ background:#f39200; } .WS3 #SubMenuVlak .RadPanelBar_MainMenu { background:#3c4092; } .WS4 #SubMenuVlak .RadPanelBar_MainMenu { background:#fdb932; } .WS5 #SubMenuVlak .RadPanelBar_MainMenu { background:#0073ce; } .WS7 #SubMenuVlak .RadPanelBar_MainMenu { background:#67b1d4; } .WS8 #SubMenuVlak .RadPanelBar_MainMenu { background:#AA7D51 ; } .WS9 #SubMenuVlak .RadPanelBar_MainMenu { background:#8fb823; } .WS10 #SubMenuVlak .RadPanelBar_MainMenu { background:#fbefe7; } .WS11 #SubMenuVlak .RadPanelBar_MainMenu { background:#fbefe7; } #Form .SubscriptionButton, #Form .WS4 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText { background:transparent; } /* uit portal.css */ #Form .WS5 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText { background:transparent; } /* uit portal.css */ #Form .NewsletterSubscription .SubscriptionButton { float: left; margin: 12px 10px 0px 0px; padding: 0px 8px; display: inline-block; color: #fff; font-family: 'Signika', sans-serif; letter-spacing: normal; font-weight: 400; font-size: 16px; height: 30px; line-height: 30px; cursor: pointer; } #Form .WS4 .NewsletterSubscription .SubscriptionButton { background:#787c7e; color:#ffffff!important; } #Form .WS5 .NewsletterSubscription .SubscriptionButton { background:#787c7e; color:#ffffff!important; } #Form .WS4 .NewsletterSubscription .SubscriptionButton:hover, #Form .WS4 .NewsletterSubscription .SubscriptionButton:active { background:#fdb932; color:#ffffff!important; } #Form .WS5 .NewsletterSubscription .SubscriptionButton:hover, #Form .WS5 .NewsletterSubscription .SubscriptionButton:active { background:#fdb932; color:#ffffff!important; } #Form .WS6 .NewsletterSubscription .SubscriptionButton:hover, #Form .WS6 .NewsletterSubscription .SubscriptionButton:active { background:#fdb932; color:#ffffff!important; } .WS1 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpSelected .rpOut .rpText, .WS1 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText, .WS1 .RadPanelBar_MainMenu .rpGroup .rpItem .rpSelected .rpOut .rpText { background-color:#e7550d!important; } /* ACTIVE */ .WS2 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpSelected .rpOut .rpText, .WS2 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText, .WS2 .RadPanelBar_MainMenu .rpGroup .rpItem .rpSelected .rpOut .rpText { background-color:#262d57!important; } .WS3 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpSelected .rpOut .rpText, .WS3 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText, .WS3 .RadPanelBar_MainMenu .rpGroup .rpItem .rpSelected .rpOut .rpText { background-color:#65b450!important; } .WS4 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpSelected .rpOut .rpText, .WS4 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText, .WS4 .RadPanelBar_MainMenu .rpGroup .rpItem .rpSelected .rpOut .rpText { background-color:#ef4136!important; } .WS5 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpSelected .rpOut .rpText, .WS5 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText, .WS5 .RadPanelBar_MainMenu .rpGroup .rpItem .rpSelected .rpOut .rpText { background-color:#ffef3a !important; color:#000 !important } .WS6 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpSelected .rpOut .rpText, .WS6 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText, .WS6 .RadPanelBar_MainMenu .rpGroup .rpItem .rpSelected .rpOut .rpText { background-color:#de8857!important; } .WS7 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpSelected .rpOut .rpText, .WS7 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText, .WS7 .RadPanelBar_MainMenu .rpGroup .rpItem .rpSelected .rpOut .rpText { background-color:#67b1d4!important; } .WS8 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpSelected .rpOut .rpText, .WS8 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText, .WS8 .RadPanelBar_MainMenu .rpGroup .rpItem .rpSelected .rpOut .rpText { background-color:#AA7D51 !important; } .WS9 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpSelected .rpOut .rpText, .WS9 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText, .WS9 .RadPanelBar_MainMenu .rpGroup .rpItem .rpSelected .rpOut .rpText { background-color:#ff7909 !important; } .WS10 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpSelected .rpOut .rpText, .WS10 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText, .WS10 .RadPanelBar_MainMenu .rpGroup .rpItem .rpSelected .rpOut .rpText { color:#8b0014 !important; } .WS11 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpSelected .rpOut .rpText, .WS11 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText, .WS11 .RadPanelBar_MainMenu .rpGroup .rpItem .rpSelected .rpOut .rpText { color:#8b0014 !important; } /* -------- background on selected/hover -------- */ .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active, #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:hover, #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:active, #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active { text-decoration:none !important;background-color:#3B3B39!important; } .WS2 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS2 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active, .WS2 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:hover, .WS2 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:active, .WS2 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS2 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active { background-color:#26318c!important; } /* HOVER */ .WS3 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS3 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active, .WS3 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:hover, .WS3 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:active, .WS3 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS3 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active { background-color:#c0240c!important; } .WS4 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS4 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active, .WS4 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:hover, .WS4 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:active, .WS4 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS4 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active { background-color:#3c3c3b!important; } .WS5 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS5 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active, .WS5 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:hover, .WS5 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:active, .WS5 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS5 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active { background-color:#ffef3a !important; color:#000 !important } .WS6 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS6 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active, .WS6 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:hover, .WS6 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:active, .WS6 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS6 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active { background-color:#76b8bb!important; } .WS7 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS7 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active, .WS7 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:hover, .WS7 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:active, .WS7 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS7 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active { background-color:#67b1d4!important; } .WS8 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS8 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active, .WS8 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:hover, .WS8 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:active, .WS8 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS8 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active { background-color:#AA7D51 !important; } .WS9 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS9 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active, .WS9 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:hover, .WS9 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:active, .WS9 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS9 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active { background-color: #ff7909 !important; } .WS10 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS10 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active, .WS10 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:hover, .WS10 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:active, .WS10 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS10 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active { color: #8b0014 !important; background-color: transparent !important;} .WS11 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS11 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active, .WS11 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:hover, .WS11 #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist li a:active, .WS11 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, .WS11 #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active {color: #8b0014 !important; background-color: transparent !important; } /* -------- vaste html in aspx als RadPanelBar -------- */ #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem { list-style-position:outside!important; list-style:none!important; } #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText { background-color:#312a74!important; } /* -------- border radius top, last, top+last -------- */ #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpFirst .rpText, #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist > li:nth-child(1), .RadPanelBar_MainMenu ul.rpRootGroup > li:nth-child(1) { } #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpLast .rpText, #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist > li:nth-last-child(1), .RadPanelBar_MainMenu ul.rpRootGroup > li:nth-last-child(1) } /* zowel first als last:*/ #SeqLL.RadPanelBar_MainMenu .rpRootGroup .rpItem.rpFirst.rpLast .rpText, #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist > li:nth-last-child(1):nth-child(1), .RadPanelBar_MainMenu ul.rpRootGroup > li:nth-last-child(1):nth-child(1) { } #dnn_LeftNarrowPane .pm_block ul.pm_block_normallist a { } /* -------- subitems stylen -------- */ .RadPanelBar_MainMenu .rpGroup { margin:0px !important;padding:0px !important;border:0px !important; } .RadPanelBar_MainMenu .rpGroup .rpItem { margin:0px !important;padding:0px 0px 0px 0px !important;border:0px !important; } .RadPanelBar_MainMenu .rpGroup .rpItem .rpLink { margin:0px !important;padding:0px !important;border:0px !important;cursor:pointer; } .RadPanelBar_MainMenu .rpGroup .rpItem .rpLink .rpOut { margin:0px !important;padding:0px !important;border:0px !important;display:block; } .RadPanelBar_MainMenu .rpGroup .rpItem .rpLink .rpOut .rpText { margin:0px !important;border:0px !important;display:block;white-space:normal; padding:10px 10px!important; } .RadPanelBar_MainMenu .rpGroup .rpItem .rpLink .rpOut .rpText:before { content:"\f10a";font-family:"Ionicons";font-size:17px;color:#fff;margin:0px 10px 0px 5px; position:relative;top:1px; } .RadPanelBar_MainMenu .rpGroup .rpItem .rpLink .rpOut .rpText:hover { text-decoration:none !important; } .RadPanelBar_MainMenu .rpGroup .rpItem .rpSelected .rpOut .rpText { } /* ================================================================================ SCROLL 2 TOP ================================================================================ */ #back-to-top, .touch-device #back-to-top:hover { bottom:10px;right:10px;display:none;height:50px;position:fixed; text-shadow:none;-webkit-transition:all .2s ease;transition:all .2s ease;width:50px;z-index:980; line-height:50px;text-align:center;font-family:"Ionicons";font-size:28px;color:#fff; } #back-to-top { background:#e7550d; } #back-to-top:hover { text-decoration:none;background:#3B3B39; } .notWS1 #back-to-top { box-shadow:0px 0px 0px 2px #f39200 inset; box-shadow:none; width:45px; height:30px; line-height:30px; color:#fff; font-size:21px; } .WS2 #back-to-top { background:#6a7291; } .WS2 #back-to-top:hover { background:#f39200; } .WS3 #back-to-top { background:#5e6888; } .WS3 #back-to-top:hover { background:#c0240c; } .WS4 #back-to-top { background:#feba31; } .WS4 #back-to-top:hover { background:#ef4136; text-decoration:none; } .WS5 #back-to-top { background:#f0c100; } .WS5 #back-to-top:hover { background:#84b627; text-decoration:none; } .WS7 #back-to-top { background:#fc1c14; } .WS7 #back-to-top:hover { background:#fc1c14; } .WS8 #back-to-top { background:#DE3694; } .WS8 #back-to-top:hover { background:#33ADC1; } .WS9 #back-to-top { background:#1c65a3; } .WS9 #back-to-top:hover { background:#8fb823; } .WS10 #back-to-top { background:#0173ba; } .WS10 #back-to-top:hover { background:#ff7f1c; } .WS11 #back-to-top { background:#0173ba; } .WS11 #back-to-top:hover { background:#ff7f1c; } /* ================================================================================ SocialShare ================================================================================ */ .SocialShare { float:right;margin:15px 0} .SocialShare .SocialShareLabel { float:left;line-height:32px; } .SocialShare:after{ content:"";display:block;clear:both; } .SocialShare [class^="SS_"] {cursor:pointer;display:block;width:32px;height:32px;font-size:26px;text-align:center;line-height:32px;margin:0 0 0 10px;float:left;position:relative; } .SocialShare [class^="SS_"]:before { font-family:'Ionicons';color:#fff;display:block;content:"";width:100%;height:100%;border-width:1px;border-style:solid } .SocialShare [class^="SS_"]:hover:before { background-color:#fff !important} .SocialShare .SS_FaceBook { } .SocialShare .SS_FaceBook:before { content:"\f231"; } .SocialShare .SS_Google { } .SocialShare .SS_Google:before { content:"\f235"; } .SocialShare .SS_LinkedIn {} .SocialShare .SS_LinkedIn:before { content:"\f239"; } .SocialShare .SS_Twitter { } .SocialShare .SS_Twitter:before { content:"\f243"; } /* ================================================================================ PUBLICATIE MODULE ================================================================================ */ /* ARTICLE LIST */ .pubControls { padding-bottom:10px } .pubArticleList {} .pubArticleList .pubItem {padding-bottom:20px; } .pubArticleList .pubItem .pubThumbNail { height:120px; } .isSeq .pubArticleList .pubItem .pubThumbNail { background-size:cover; } /* UPDATE BK 02-2019 - all sites! */ .pubArticleList .pubItem .pubLink { font-size:22px;font-family:"Open Sans", sans-serif;font-weight:700; } .pubArticleList .pubItem .pubMetaData { font-size:12px;padding-bottom:5px;color:#333; } .pubArticleList .pubItem .pubReturnLink { float:left} /* ARTICLE DETAILS */ .pubArticleDetails {} .pubArticleDetails h1 { font-size:50px; } .pubArticleDetails .pubMetaData { color:#333;font-size:12px;padding-bottom:5px; } .pubArticleDetails .pubContent { margin-bottom:10px; } .pubArticleDetails .pubReturnLink { overflow:hidden; } .pubArticleDetails .pubReturnLink a { float:right; } /* ARTICLE VIEWER */ .pubBannerWrapper{} .pubBannerWrapper .pubItem{ height:425px;height:42vh;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center center; } .pubBannerWrapper .pubItem .pubTitle, .pubBannerWrapper .pubItem .pubSummary { display:none; } .pubArticleHomeViewer {} .pubArticleHomeViewer h1 { color:#fff;text-align:center;padding:0 0 45px 0} .pubArticleHomeViewer .pubItem {} .pubArticleHomeViewer .pubItem.pubItemNumber4 { margin-right:0; } .pubArticleHomeViewer .pubItem .pubThumbnail { height:140px;background-position:center center;background-repeat:no-repeat;background-size:cover} .pubArticleHomeViewer .pubItem .pubTitle {font-size:22px;color:#fff;font-family:'Open Sans', sans-serif;font-weight:700;padding:20px 0;line-height:1.25} .pubArticleHomeViewer .pubItem .pubSummary { color:#fff;padding:0 0 20px 0; } #MeerNieuws { display:none} /* COMMENT VIEWER */ .pubCommentViewer .pubItem {} .pubCommentViewer .pubItem .pubMetaData {font-size:11px;color:#999; } /* SIDEBAR */ .pmsb_wrap { } .pmsb_wrap .pm_block.sb_searchinputbox { display:none} .pmsb_wrap .pm_block .pm_block_header { font-size:25px;font-weight:400;font-family:'Signika', sans-serif;color:#f0b300; } .pmsb_wrap .pm_block ul { } .pmsb_wrap .pm_block ul li { } .pmsb_wrap .pm_block ul li a, .pmsb_wrap .pm_block ul li span { } .pmsb_wrap .navBlockItemLink, #linkBack { color:#444 !important} .EventTitle { color:#3E8F33; } /* ================================================================================ flickity ================================================================================ */ .flickity-enabled { position:relative; } .flickity-enabled:focus { outline:none; } .flickity-viewport { overflow:hidden;position:relative;height:100%; } .flickity-slider { position:absolute;width:100%;height:100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; } .flickity-enabled.is-draggable .flickity-viewport { cursor:move;cursor:-webkit-grab;cursor:grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor:-webkit-grabbing;cursor:grabbing; } /* ---- page dots ---- */ .flickity-page-dots { position:absolute;width:100%;bottom:25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1; } .flickity-rtl .flickity-page-dots { direction:rtl; } .flickity-page-dots .dot { display:inline-block;width:10px;height:10px;margin:0 6px;background:#fff;border-radius:50%;cursor:pointer;border:2px solid #fff; } .flickity-page-dots .dot.is-selected { } /* ================================================================================ TWitterModule ================================================================================ */ .TweetItemList .TweetItem { overflow:hidden} .TweetItemList .TweetItem .TwitterImage { max-width:30%;float:left; } .TweetItemList .TweetItem .TwitterText { max-width:60%;float:right;word-break:normal} .DnnModule ul.TweetItemList { max-width:100% !important} /* ================================================================================ Google MAps ================================================================================ */ #map-canvas {height:400px;height:40vh; } #map-canvas .gmnoprint { display:none} /* ================================================================================ FOTO Module ================================================================================ */ .ModSimpleGalleryC {} .view{ border-collapse:collapse;padding:0;width:100%} .view .album-item { padding:10px 4px;text-align:left !important} .view .album-item >img { height:auto !important;width:100% !important;border:0 !important} .View { border-collapse:collapse;padding:0;width:100%} .View .photo-frame { text-align:left;width:100%;padding:0;border-collapse:collapse; } .View .photo-frame ~ span { text-align:center;display:block;padding-bottom:10px; } .View .photo-frame .mid--x,.View .photo-frame .midx-- { width:0;display:none} .View .photo-frame td[valign="top"] { width:100%; } .View .photo-frame td a { display:block;padding-left:4px; } .View .photo-frame td a img { border:0 !important;height:auto !important;width:100% !important} /* ================================================================================ NieuwsBrieven Module ================================================================================ */ .NewsletterSubscription{} .NewsletterSubscription .SubScriptionInput input{ width:100%;border:1px solid #c9c9c9;background:#ffffff;border-radius:3px;padding:8px;box-sizing:border-box;-webkit-box-sizing:border-box; } .NewsletterSubscription .SubscriptionActions {} /* ================================================================================ Formulieren Module ================================================================================ */ .DnnModule-EngageSurvey {} .DnnModule-EngageSurvey .survey-listing{} .DnnModule-EngageSurvey .survey-listing ul.sl-repeater {border-width:1px;border:0; } .DnnModule-EngageSurvey .survey-listing ul.sl-repeater li { background:none;border:0;border-bottom-width:1px;border-top-style:solid;padding:15px 0; } .DnnModule-EngageSurvey .survey-listing ul.sl-repeater li span.sl-repeater-data { width:auto !important} .DnnModule-EngageSurvey .survey-listing ul.sl-repeater li span.sl-repeater-data .sl-title { font-size:22px;font-family:'Open Sans', sans-serif; } .DnnModule-EngageSurvey .survey-title { font-size:22px;font-family:'Open Sans', sans-serif;padding-top:30px; } .DnnModule-EngageSurvey .section-wrap {} .DnnModule-EngageSurvey .section-wrap .question { font-weight:400; } .DnnModule-EngageSurvey .section-wrap input[type="text"]{ display:block;width:75%;max-width:450px;margin-bottom:5px;border:1px solid #c9c9c9;padding:8px;box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);color:#333;border-radius:3px; } .DnnModule-EngageSurvey .section-wrap select {display:block;width:75%;max-width:250px;margin-bottom:18px;border:1px solid #c9c9c9;padding:8px;box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);color:#333;border-radius:3px; } .DnnModule-EngageSurvey input[type="submit"]{/*color:#fff;*/ margin:25px 15px 0 0;text-shadow:none;box-shadow:none;background:none;border-radius:0;display:inline-block;color:fff;padding:0 15px;font-weight:700;height:32px;line-height:33px;border-width:1px;border-style:solid;cursor:pointer;text-transform:uppercase; } .DnnModule-EngageSurvey input[type="submit"]:hover {background-color:#fff; } ul.sl-repeater li span.sl-repeater-actions { clear:both;padding-top:20px; } /* ================================================================================ Contact Module ================================================================================ */ .ModLesscherContactFormC .dnnFormItem input[type="submit"]{text-shadow:none;box-shadow:none;background:none;border-radius:0;display:inline-block;color:fff;padding:0 15px;font-weight:700;height:32px;line-height:33px;border-width:1px;border-style:solid;cursor:pointer;text-transform:uppercase;margin:15px 0} .ModLesscherContactFormC .dnnFormItem input[type="submit"]:hover {background-color:#fff; } /* ================================================================================ SEARCH RESULTS ================================================================================ */ .dnnSearchResultPanel { display:none} .dnnSearchResultAdvancedTip { display:none} .dnnSearchBox_advanced { display:none} .dnnSearchResultItem-Link { display:none; } .dnnSearchBoxPanel .dnnSearchBox { margin-left:0;margin-right:0;width:auto !important; } #dnnSearchResult_dnnSearchBox_input { position:relative;width:auto !important;background-color:transparent} .dnnSearchBox > a.dnnSearchButton { right:7px !important; } .dnnSearchBox > a.dnnSearchBoxClearText { right:35px !important;top:5px; } .pubArticleViewer.Search .pubItem { padding:15px 0; } /* ================================================================================ CONTAINER LAYOUT'S ================================================================================ */ .Container {} .ContainerHeader { } .ContainerContent {} .ContainerContent .ModDNNHTMLC img{ max-width:100%} .ContainerFooter {} /*fonts*/ .Font1{font-family:'Open Sans', sans-serif; } .Font2{font-family:'Lily Script One', cursive; } /* ================================================================================ HAMB MENU 2016 CUSTOMIZE ================================================================================ */ /* ---- BASIS #MOBILEMENU ---- */ #MobileMenu { position:fixed;z-index:9999;height:100%;height:100vh;width:100%;max-width:100vh;background-color:rgba(0,0,0,0);top:0; /* left:-100vw;*/ display:none; transition:left 0.4s ease 0.15s;/* HAMB uit */ left:-100%; } #MobileMenu.active{ transition:left 0.6s ease 0s;/* HAMB aan */ left:0; } #MobileMenu.active /* WRAP uit, darken wrapper */ { /* 0px 7px 0px 7px #131d49, */ box-shadow: 0px 15px 15px 5px rgba(19,29,73,.75), 0px 10px 10px 1600px rgba(19,29,73,.175); } .mobMenuAan #Wrapper { /* -webkit-filter:blur(2px);te zwaar */ transition:transform 0.2s linear 0.15s;/* WRAP aan (schuif naar rechts) */ transform:translateX(15%); } .mobMenuFlashUit #Wrapper { transition:transform 0.2s linear 0s;/* WRAP uit (schuif naar oude positie) */ transform:translateX(0); } .mobMenuFlashUit #MobileMenu { box-shadow:0px 15px 15px 5px rgba(0,0,0,.75) } /* wel direct eigen shadow... */ /* breedte vlak */ #MobileMenu { width:100%;max-width:400px; } #MobileMenuHeader, #MobileZoeken, #MobileNav, #MobileMenuFooter { width:inherit;max-width:inherit; } #MobileMenu nav { height:100%;overflow-y:scroll;box-sizing:border-box;-webkit-box-sizing:border-box; padding:15px;color:inherit;font-size:16px; background-color:#fff; height:100vh;height:calc(100vh - 130px); } #MobileMenu #MobileMenuHeader { height:50px; } #MobZoekClose, #MobMenuClose {font-family:"Ionicons";font-size:28px;color:#fff;text-align:center;cursor:pointer;float:right;display:inline-block;width:50px;height:50px; } #MobileMenu #MobMenuTitle{ float:left;display:inline-block;font-size:28px;font-weight:700; } #MobileZoeken{ xxxpadding:10px 0px; } #MobileZoeken .MobileZoekenheaderXXX { font-weight:700;display:inline-block;padding:0 15px 0 0} #MobileZoekenInput { appearance:none;-webkit-appearance:none;height:32px;padding:0px 10px;border:0;border-radius:0; } #MobileZoekenInputTrigger {font-family:"Ionicons";font-size:32px;color:inherit;display:inline-block;vertical-align:middle;padding:0 10px;cursor:pointer} #MobileMenu #MobileNav { position:relative; } #MobileMenu #MobileMenuHeader { line-height:50px; } #MobileMenu #MobileSpinner { height:70px;width:70px;position:absolute;left:50%;top:50%;margin:-35px 0 0 -35px;color:rgba(255,255,255,0.5);line-height:1;text-align:center;font-family:"Ionicons";font-size:70px;opacity:0 } #MobileMenu #MobileSpinner.active { opacity:1;animation:spinner 2s linear infinite;-webkit-animation:spinner 2s linear infinite; } /* ---- #MOBILEMENU MET FOOTER ---- */ #MobileMenu { padding-bottom:50px; } #MobileMenuFooter { height:50px;position:absolute; bottom:30px;/* = #MobileMenu nav */ width:100%; background:#131d49 url(images/foot2.png) no-repeat center center; background-size:175% 100%; } @keyframes spinner{ 0% { transform:rotate(0deg); } 100% {transform:rotate(360deg); } } @-webkit-keyframes spinner{ 0% { -webkit-transform:rotate(0deg); } 100% {-webkit-transform:rotate(360deg); } } #MobileMenu ul {list-style:none; } #MobileMenu #MobiNav /* <<<<<<<<<<<<<<<<<<<<< NAAMGEVING MobiNav NIET LEKKER */ { /* height:100%; min-height:calc(100vh - 172px);MEE BEZIG WIL DEZE DIV goede hoogte geven voor "footer" opmaak of evt conent (twitter).... dan ook deze scrollable maken en header / footer (new) vast NEE DAT SUCKX */ min-height:calc(100vh - 310px); } #MobileMenu #MobiNav a:link, #MobileMenu #MobiNav a:visited { } #MobileMenu #MobiNav a ~.subLevel {} #MobileMenu #MobiNav > li { border-bottom:1px solid rgba(255,255,255,0.3); } #MobileMenu #MobiNav > li.haschild { xxxpadding:0 40px 0 10px;overflow:hidden; } #MobileMenu #MobiNav li{ display:block;min-height:30px;line-height:30px;box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px 0 10px 10px;position:relative } #MobileMenu #MobiNav li.haschild {padding:10px 0 10px 10px;overflow:hidden} #MobileMenu #MobiNav li.haschild .GetSubLevel {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;text-decoration:none !important;color:#fff;width:38px;text-align:center;font-size:32px;display:inline-block;position:absolute;top:5px;right:0;z-index:1000; font-family:Arial, Helvetica, sans-serif;font-family:"Ionicons";font-size:25px;line-height:20px;text-align:center;height:38px;line-height:38px;border-style:solid;border-width:1px; } #MobileMenu #MobiNav li.haschild.active >.GetSubLevel { /* background-color:#fff;*/} #MobileMenu #MobiNav li.haschild .GetSubLevel:after { content:"\f104"; } #MobileMenu #MobiNav li.haschild.active > .GetSubLevel:after{ content:"\f10d"; } #MobileMenu #MobiNav li a {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;display:block;overflow:hidden;text-overflow:ellipsis;color:inherit !important;width:calc( 100% - 70px);position:relative; /* z-index:900;*/ -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; } #MobileMenu #MobiNav .subLevel { display:none} #MobileMenu #MobiNav li.haschild.active > .subLevel { display:block; margin-top:5px;margin-bottom:10px; } #MobileMenu #MobiNav li.haschild /* .active > */.subLevel .item { margin:-6px 0px; } /* box-shadow:-8px 0px 0px -4px #c1e9df;*/ #MobileMenu #MobiNav li.haschild.active > .subLevel .item.last { /* box-shadow:-10px -6px 0px -6px #c1e9df;*/ } #MobileMenu #MobiNav li.haschild.active > .subLevel .item.first { /* box-shadow:-10px 6px 0px -6px #c1e9df;*/ } #MobileMenu #MobiNav li.haschild.active > .subLevel .item.first.last { } #MobileMenu { background:transparent; } /* transition-property:left, background-color; transition-duration:0.5s, 0.5s; transition-delay:0s, 0.5s; transition-timing-function:ease, ease; transition-property:left; transition-duration:0.5s; transition-delay:0s; transition-timing-function:ease; */ /* - - - - - KNOPPEN MOB MENU - - - - - */ #GoHomeTrigger, #MobileMenuTrigger { background:#da2815; } #GoHomeTrigger:hover, #Form #MobileMenuTrigger:hover, #GoHomeTrigger:hover { background:#3B3B39; } .notWS1 #GoHomeTrigger, .notWS1 #MobileMenuTrigger, .notWS1 #MobileMenu #MobileMenuHeader { background:#26318c; } .WS2 #GoHomeTrigger, .WS2 #MobileMenuTrigger, .WS2 #MobileMenu #MobileMenuHeader { background:#f39200; } /* SITES CUSTOM */ .WS3 #GoHomeTrigger, .WS3 #MobileMenuTrigger, .WS3 #MobileMenu #MobileMenuHeader { background:#ffcc00; } .WS4 #GoHomeTrigger, .WS4 #MobileMenuTrigger, .WS4 #MobileMenu #MobileMenuHeader { background:#ef4136; } .WS6 #GoHomeTrigger, .WS6 #MobileMenuTrigger, .WS6 #MobileMenu #MobileMenuHeader { background:#ef4136; } .WS8 #GoHomeTrigger, .WS8 #MobileMenuTrigger, .WS8 #MobileMenu #MobileMenuHeader { background:#DE3694; } .WS9 #GoHomeTrigger, .WS9 #MobileMenuTrigger, .WS9 #MobileMenu #MobileMenuHeader { background:#8fb823; } .WS10 #GoHomeTrigger, .WS10 #MobileMenuTrigger, .WS10 #MobileMenu #MobileMenuHeader { background:#0173ba; } .WS11 #GoHomeTrigger, .WS11 #MobileMenuTrigger, .WS11 #MobileMenu #MobileMenuHeader { background:#0173ba; } #Form .WS2 #GoHomeTrigger:hover, #Form .WS2 #MobileMenuTrigger:hover, #Form .WS2 #GoHomeTrigger:hover { background:#131d49; } /* SITES CUSTOM */ #Form .WS3 #GoHomeTrigger:hover, #Form .WS3 #MobileMenuTrigger:hover, #Form .WS3 #GoHomeTrigger:hover { background:#c0240c; } #Form .WS4 #GoHomeTrigger:hover, #Form .WS4 #MobileMenuTrigger:hover, #Form .WS4 #GoHomeTrigger:hover { background:#3c3c3b; } #Form .WS6 #GoHomeTrigger:hover, #Form .WS6 #MobileMenuTrigger:hover, #Form .WS6 #GoHomeTrigger:hover { background:#3c3c3b; } #Form .WS8 #GoHomeTrigger:hover, #Form .WS8 #MobileMenuTrigger:hover, #Form .WS8 #GoHomeTrigger:hover { background:#3c3c3b; } #Form .WS9 #GoHomeTrigger:hover, #Form .WS9 #MobileMenuTrigger:hover, #Form .WS9 #GoHomeTrigger:hover { background:#ff7909; } #Form .WS10 #GoHomeTrigger:hover, #Form .WS10 #MobileMenuTrigger:hover, #Form .WS10 #GoHomeTrigger:hover { background:#8b0014; } #Form .WS11 #GoHomeTrigger:hover, #Form .WS11 #MobileMenuTrigger:hover, #Form .WS11 #GoHomeTrigger:hover { background:#8b0014; } #MobileMenu #MobileMenuHeader { background:#da2815;color:#ffffff; } #MobileMenu.WS2 #MobileMenuHeader { background:#26318c; } /* SITES CUSTOM header/footer balk*/ #MobileMenu.WS2 #MobileZoeken { background:#6a75b3; } #MobileMenu.WS2 #MobileMenuFooter { background:#26318c; } #MobileMenu.WS3 #MobileMenuHeader { background:#1384c7; } #MobileMenu.WS3 #MobileZoeken { background:#ffcc00; } #MobileMenu.WS3 #MobileMenuFooter { background:#65b450; } #MobileMenu.WS4 {background:#ffffff; } #MobileMenu.WS4 #MobileMenuHeader { background:#ef4136; } #MobileMenu.WS4 #MobileZoeken { background:#feba31; } #MobileMenu.WS4 #MobileMenuFooter { background:#3c3c3b; } #MobileMenu.WS6 {background:#ffffff; } #MobileMenu.WS6 #MobileMenuHeader { background:#ef4136; } #MobileMenu.WS6 #MobileZoeken { background:#feba31; } #MobileMenu.WS6 #MobileMenuFooter { background:#3c3c3b; } #MobileMenu.WS8 {background:#ffffff; } #MobileMenu.WS8 #MobileMenuHeader { background:#33ADC1; } #MobileMenu.WS8 #MobileZoeken { background:#DE3694 ; } #MobileMenu.WS8 #MobileMenuFooter { background:#AA7D51; } #MobileMenu.WS9 {background:#ffffff; } #MobileMenu.WS9 #MobileMenuHeader { background:#1c65a3; } #MobileMenu.WS9 #MobileZoeken { background:#8fb823 ; } #MobileMenu.WS9 #MobileMenuFooter { background:#8fb823; } #MobileMenu.WS10 {background:#ffffff; } #MobileMenu.WS10 #MobileMenuHeader { background:#0173ba; } #MobileMenu.WS10 #MobileZoeken { background:#8b0014 ; } #MobileMenu.WS10 #MobileMenuFooter { background:#8b0014; } #MobileMenu.WS11 {background:#ffffff; } #MobileMenu.WS11 #MobileMenuHeader { background:#0173ba; } #MobileMenu.WS11 #MobileZoeken { background:#8b0014 ; } #MobileMenu.WS11 #MobileMenuFooter { background:#8b0014; } /* - - - BALK ZOEKEN - - - */ #dnn_mobZkVeld_txtSearch #MobileNav { background:#e9f5fd; background:linear-gradient(110deg, #f4fafe 0%, #f4fafe 47%,#e9f5fd 47%, #e9f5fd 100%); } #MobileMenu.WS2 #MobileNav { background:linear-gradient(110deg, #e8f4fc 0%, #e8f4fc 92%,#f39200 92%, #f39200 100%); } #MobileMenu.WS3 #MobileNav { background:linear-gradient(110deg, #dcedf7 0%, #dcedf7 92%,#1384c7 92%, #1384c7 100%); } #MobileMenu #MobiNav .item .hamlink { } /* mrg! */ #MobileMenu #MobiNav .item .hamlink.hassublvl { width:calc( 100% - 60px); } /* blokje + margin blokje R */ /* #MobileMenu.active #MobileNav */ /* .mobMenuAan #MobileNav */ #MobileMenu.active #MobileNav { overflow-y:auto; } #MobileMenu ul ul { margin-left:0px; } #MobileMenu #MobMenuTitle, #MobileMenu #MobileZoeken .MobileZoekenIntroTxt { padding-left:20px; } /* uitlijnen op tekst-items van menu */ #MobileMenu #MobileZoeken .MobileZoekenIntroTxt { padding-right:10px;vertical-align:middle; } /* ------------------------- "MENU" CONTENT KLEUREN ------------------------- */ #MobileMenu.WS2 #MobiNav li.haschild .GetSubLevel { background:#262d57; } /* vcpoz def darkblue */ #MobileMenu.WS2 .item a.hamlink:hover .haminspring:after, #MobileMenu.WS2 .item a.hamlink:active .haminspring:after, #MobileMenu.WS2 .item a.hamlink.selected .haminspring:after, #MobileMenu.WS2 #MobiNav .item a.hamlink.breadcrumb .hamtxt { color:#f39200; } #MobileMenu.WS2 #MobMenuClose:hover, #MobileMenu.WS2 #MobMenuClose:active, #MobileMenu.WS2 #MobZoekClose:hover, #MobileMenu.WS2 #MobZoekClose:active, #MobileMenu.WS2 a.GetSubLevel:hover, #MobileMenu.WS2 a.GetSubLevel:active, #MobileMenu.WS2 .item a.hamlink:hover .hamtxt, #MobileMenu.WS2 #MobiNav .item a.hamlink:active .hamtxt { background-color:#f39200!important;color:#ffffff!important; } #MobileMenu.WS3 .item a.hamlink:hover .haminspring:after, #MobileMenu.WS3 .item a.hamlink:active .haminspring:after, #MobileMenu.WS3 .item a.hamlink.selected .haminspring:after, #MobileMenu.WS3 #MobiNav .item a.hamlink.breadcrumb .hamtxt { color:#c0240c; } #MobileMenu.WS3 #MobMenuClose:hover, #MobileMenu.WS3 #MobMenuClose:active, #MobileMenu.WS3 #MobZoekClose:hover, #MobileMenu.WS3 #MobZoekClose:active, #MobileMenu.WS3 a.GetSubLevel:hover, #MobileMenu.WS3 a.GetSubLevel:active, #MobileMenu.WS3 .item a.hamlink:hover .hamtxt, #MobileMenu.WS3 #MobiNav .item a.hamlink:active .hamtxt { background-color:#c0240c!important;color:#ffffff!important; } /* ------------------------- ZOEK BAR ------------------------- */ #MobielZoekenHolder .searchInputContainer { display:initial !important; margin:initial!important; position:initial!important; } #MobielZoeken{ padding:0; } #MobielZoekenHolder { display:block;padding:0px 65px 0px 20px; } #MobielZoeken .MobielZoekenheader { font-weight:700;display:inline-block;padding:0 15px 0 0} #MobielZoeken #MobielZoekenheaderInput { appearance:none;-webkit-appearance:none;height:32px;padding:0px 5px;border:0;border-radius:0; } #MobielZoekenHolder, #dnn_mobZkVeld_txtSearch { font-size:0;word-spacing:0;/* hide  */ } /* #MobielZoeken #MobielZoekenheaderInputTrigger */ /* ZOEK KNOP */ #dnn_mobZkVeld_cmdSearch { position:absolute;display:block; font-family:"Ionicons";font-size:32px;color:inherit;vertical-align:middle;cursor:pointer; font-weight:bold; text-align:center; width:30px;height:40px;line-height:40px; right:20px;margin-top:-34px;/* LOCALHOST ANDERS !!!!!!!!!!!!!! marg. afh van hoogte zoek-balk / titel balk nu flex kwa hoogte */ } #MobileZoeken { background:#f0b300;color:#ffffff; line-height:48px;min-height:50px; } #dnn_mobZkVeld_txtSearch::-webkit-input-placeholder, #dnn_mobZkVeld_txtSearch:-moz-placeholder, #dnn_mobZkVeld_txtSearch::-moz-placeholder, #dnn_mobZkVeld_txtSearch:-ms-input-placeholder { opacity:0!important; } #dnn_mobZkVeld_txtSearch { xxxmargin-left:20px; margin-top:10px; /* width:calc( 100% - 120px);*/ width:90%;padding:0 5%; background:rgba(255,255,255,.85); color:#ffffff; border:none;outline:none; line-height:30px;min-height:30px; } .WS1 #dnn_mobZkVeld_txtSearch { background:#e6ddbb; } #dnn_mobZkVeld_txtSearch:not(:empty), #dnn_mobZkVeld_txtSearch:focus { background:#fff!important;color:#312a74!important; } .focusOpZoek #MobielZoekenHolder { padding-right:75px; } .focusOpZoek #MobielZoeken { padding:23px 0; } .focusOpZoek #dnn_mobZkVeld_txtSearch { margin-top:0px; line-height:50px;min-height:50px; outline-color:#ffffff; outline-color:transparent; box-shadow:0px -4px 0px 0px #312a74 inset; background:#ffffff; color:#312a74!important; } #dnn_mobZkVeld_cmdSearc { font-size:36px; } .focusOpZoek #dnn_mobZkVeld_cmdSearch { margin-top:-45px;right:30px;font-size:50px; text-shadow:4px 4px 0px #312a74;/* opmaak */ } .focusOpZoek #dnn_mobZkVeld_cmdSearch:hover, .focusOpZoek #dnn_mobZkVeld_cmdSearch:active { font-size:55px; } #MobMenuTitZoek { display:none; } .focusOpZoek #MobMenuTitZoek { display:inline; } .focusOpZoek #MobMenuTitMenu { display:none; } #MobZoekClose { display:none; } .focusOpZoek #MobMenuClose { display:none; } .focusOpZoek #MobZoekClose { display:block; } /* ---- inspring is v1 beta zonder asp-code ----- */ #MobileMenu #MobileZoeken .MobileZoekenIntroTxt { display:none!important; } .focusOpZoek #dnn_mobZkVeld_txtSearch { line-height:50px;min-height:50px; outline-color:#ffffff; outline-color:transparent; box-shadow:0px -4px 0px 0px #312a74 inset; background:#ffffff; color:#312a74!important; font-family:'Signika', sans-serif; font-weight:normal; font-size:22px; } .mobMenuAan #MobileZoekenInput { width:calc( 100% - 100px);margin-left:20px; } #MobileZoekenInputTrigger { font-weight:bold; } #MobileMenu #MobileZoekenInput { color:#fff!important;font-size:15px; font-weight:bold; background:#26b28e; } .focusOpZoek #MobileMenu #MobileZoekenInput { font-size:15px; font-size:20px; height:32px;height:62px;/* + 30px */ } #MobileMenu #MobileZoekenInput:not(:empty), #MobileMenu #MobileZoekenInput:focus { background:#fff!important; } .focusOpZoek #MobileZoekenInputTrigger { font-size:38px; } .focusOpZoek #MobileZoekenInputTrigger:hover, .focusOpZoek #MobileZoekenInputTrigger:active { color:#e30613!important; } #MobileZoeken #Search {} .focusOpMobZoek {} #MobZoekUitleg { padding:20px;position:absolute; display:none; font-size:15px; color:#312a74!important; } .focusOpZoek #MobZoekUitleg { display:block; } .focusOpZoek #MobileNav li { display:none!important; } #MobileMenu #MobiNav .item, #MobileMenu #MobiNav .item.haschild { padding:5px 0px;margin:0px; } #MobileMenu #MobiNav .item .item, #MobileMenu #MobiNav .item .item.haschild { padding:0px!important;margin:0px; } #MobileMenu #MobiNav .item .hamlink { margin:0px;/* width:calc( 100% - 70px);!!! */ padding:3px 5px; /* witruimt vanw border empty bij + en - */ } #MobileMenu #MobiNav .subLevel .item .hamlink { xxmargin:-3px 0px; } #MobileMenu #MobiNav li .disabled .hamtxt { color:#888!important;text-decoration:none!important; } #MobileMenu #MobiNav li .breadcrumb .hamtxt { } #MobileMenu #MobiNav li .hamtxt {} #MobileMenu #MobiNav > .item { border-bottom:2px solid rgba(0,95,169,.075); padding-bottom:5px; } #MobileMenu #MobiNav > .item.last { border-bottom:none; } /* -- #MobileMenu #MobiNav li .selected .hamtxt:after { display:inline-flex;content:" "; margin-left:10px; transform:translate(0px,-5px); width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent;border-left:12px solid #cf0139; } #MobileMenu #MobiNav li a.hamlink.selected:hover .hamtxt:after, #MobileMenu #MobiNav li a.hamlink.selected:active .hamtxt:after { border-left-color:#ffffff; } */ /* ------------ AANPASSEN DESIGN ----------- */ #MobileMenu #MobiNav { padding:10px 0px 60px 0px;margin:0px; /* SCROLL MEE BACKGROUND */ xxxbackground:transparent url(images/seq_bot_bg.png) no-repeat left bottom; background-size:800px auto; } #MobileMenu #MobiNav > li { border-bottom:none; } #MobileMenu #MobiNav li .hamlink { /* margin:5px;/* width:calc( 100% - 70px);!!! */ } #MobileMenu #MobiNav li .hamtxt { padding-left:15px;padding-right:15px;border-radius:5px; padding-top:2px;padding-bottom:2px; display:inline-block;width:auto; } #MobileMenu #MobiNav li.haschild .GetSubLevel { height:36px;line-height:36px;width:36px; top:auto;right:10px; border:none;margin-top:0px;/* < border weg */ } /* ---------- OPMAAK MENU ------------- */ #MobileMenu nav { padding:0px; } #MobiNav .item { margin:10px 0px; } #MobiNav .item .item { margin:0px; } #MobileMenu #MobiNav li.haschild > .subLevel { padding-left:0px; } #MobileMenu .haminspring {} #MobileMenu ul ul .haminspring:after { display:block;float:left; width:auto;height:18px;margin-left:15px;xxxmargin-top:4px;margin-right:5px; font-family:"Ionicons";line-height:30px;color:inherit; font-size:12px;font-weight:bold; } /* ronde streep */ /* SPATIES #MobileMenu ul ul .haminspring:after { content:"\00a0\00a0\00a0"; } #MobileMenu ul ul ul .haminspring:after { content:"\00a0\00a0\00a0\00a0\00a0"; } #MobileMenu ul ul ul ul .haminspring:after { content:"\00a0\00a0\00a0\00a0\00a0\00a0\00a0"; } */ #MobileMenu ul ul .haminspring:after { content:"\f125"; } #MobileMenu ul ul ul .haminspring:after { content:"\f125\00a0\f125"; } #MobileMenu ul ul ul ul .haminspring:after { content:"\f125\00a0\f12500a0\f125"; } #MobileMenu ul ul ul ul ul .haminspring:after { content:"\f125\f125\f125\f125"; } /* #MobileMenu ul ul ul ul .haminspring:after { content:"\f208\00a0\f208\00a0\f208"; } */ #MobileMenu #MobiNav li.haschild.active >.GetSubLevel { /* xxxbackground-color:#009e4d;/* KNOP [+] / [-] */ } #MobileMenu #MobiNav li.haschild .GetSubLevel { border-color:transparent; background:#005fa9;color:#ffffff!important;/* heel licht geel / blauw */ } #MobileMenu.WS4 #MobiNav li.haschild .GetSubLevel { background:#00a4e4!important; } #MobileMenu #MobiNav > li.haschild { } #MobiNav li .item { xpadding-right:0px!important; } #MobiNav .active { xxxbackground:rgba(255,255,255,.1); } #MobiNav .active .active .active { xxxbackground:transparent; } /* #MobiNav .active .active .active .active { background:transparent; } in welk nivo achtergrond kleur niet donkerder maken */ #MobiNav .item a.hamlink { text-decoration:none!important;text-align:left; width:calc( 100% - 50px);/* extra veel witruimte, scroll over +/- knoppen rechts... en lange teksten... */ } #MobiNav .item a.hamlink .hamtxt { font-size:17px;font-weight:bold;color:#312a74; } .WS4 #MobiNav .item a.hamlink .hamtxt { color:#131d49; } #MobiNav .item a.hamlink.breadcrumb .hamtxt { color:#cf0139; } .WS4 #MobiNav .item a.hamlink.breadcrumb .hamtxt { color:#ef4136; } .WS8 #MobiNav .item a.hamlink.breadcrumb .hamtxt { color:#DE3694; } .WS9 #MobileMenu #MobiNav li.haschild .GetSubLevel { background: #1c65a3; } .WS9 #MobiNav .item a.hamlink.breadcrumb .haminspring:after, .WS9 #MobiNav .item a.hamlink.breadcrumb .hamtxt { color:#ff7909; } .WS9 #MobiNav .item a.hamlink:hover .haminspring:after { color:#ff7909 !important; } .WS9 #MobiNav .item a.hamlink:hover .hamtxt, .WS9 #MobiNav .item a.hamlink:active .hamtxt { color: #ffffff!important; background: #ff7909!important; } .WS10 #MobileMenu #MobiNav li.haschild .GetSubLevel { background: #0173ba; } .WS10 #MobiNav .item a.hamlink.breadcrumb .haminspring:after, .WS10 #MobiNav .item a.hamlink.breadcrumb .hamtxt { color:#ff7f1c; } .WS10 #MobiNav .item a.hamlink:hover .haminspring:after { color:#ff7f1c !important; } .WS10 #MobiNav .item a.hamlink:hover .hamtxt, .WS10 #MobiNav .item a.hamlink:active .hamtxt { color: #ffffff!important; background: #ff7f1c!important; } .WS11 #MobileMenu #MobiNav li.haschild .GetSubLevel { background: #0173ba; } .WS11 #MobiNav .item a.hamlink.breadcrumb .haminspring:after, .WS11 #MobiNav .item a.hamlink.breadcrumb .hamtxt { color:#ff7f1c; } .WS11 #MobiNav .item a.hamlink:hover .haminspring:after { color:#ff7f1c !important; } .WS11 #MobiNav .item a.hamlink:hover .hamtxt, .WS11 #MobiNav .item a.hamlink:active .hamtxt { color: #ffffff!important; background: #ff7f1c!important; } /* ------------------------- SELECTED ------------------------- */ #MobileMenu .item a.hamlink.selected .haminspring:after { color:#cf0139; } /* ------------------------- HOVER ------------------------- */ #MobMenuClose:hover, #MobMenuClose:active, #MobZoekClose:hover, #MobZoekClose:active, a.GetSubLevel:hover, a.GetSubLevel:active { background-color:#cf0139!important; } .WS8 #MobMenuClose:hover, .WS8 #MobMenuClose:active, .WS8 #MobZoekClose:hover, .WS8 #MobZoekClose:active, .WS8 a.GetSubLevel:hover, .WS8 a.GetSubLevel:active { background-color:#DE3694!important; } .WS9 #MobMenuClose:hover, .WS9 #MobMenuClose:active, .WS9 #MobZoekClose:hover, .WS9 #MobZoekClose:active, .WS9 a.GetSubLevel:hover, .WS9 a.GetSubLevel:active { background-color:#ff7f1c!important; } #MobiNav .item a.hamlink:hover , #MobiNav .item a.hamlink:active { /* background:rgba(131,211,190,.5);= background:#c1e9df;/* is cyaan/groen licht als inputveld bij zoek */ } #MobiNav .item a.hamlink:hover .hamtxt, #MobiNav .item a.hamlink:active .hamtxt { color:#ffffff!important; background:#cf0139!important; } #MobileMenu .item a.hamlink:hover .haminspring:after, #MobileMenu .item a.hamlink:active .haminspring:after {color:#cf0139; } .WS4 #MobiNav .item a.hamlink:hover .hamtxt, .WS4 #MobiNav .item a.hamlink:active .hamtxt { color:#ffffff!important; background:#da2815!important; } .WS4 #MobileMenu .item a.hamlink:hover .haminspring:after, .WS4 #MobileMenu .item a.hamlink:active .haminspring:after {color:#da2815; } .WS4 #MobMenuClose:hover, .WS4 #MobMenuClose:active, .WS4 #MobZoekClose:hover, .WS4 #MobZoekClose:active { background-color:#3c3c3b!important; } /* ------------------------- ACTIVE-ON-KLIK ------------------------- */ #MobiNav .item a.hamlink:active .hamtxt { background:#312a74!important; } /* ================================================================================ BIG ZOEK DESKTOP ================================================================================ */ /* ================== BIG ZOEK (DESKTOP) ================== */ #goLogin { display:inline-block;float:right;width:80px; } #goLogin a { font-size:15px;color:#131d49;line-height:30px; } #goLogin a:active, #goLogin a:hover { color:#e7550d; } #bigZoek { top:34px; display:block; position:absolute;float:right; z-index:10; width:100%;max-width:335px; right:0px; height:40px; /* background:#312a74; border-bottom:10px solid #504a89;*/ height:30px;/* uitlijning binnen popup menu blokken */ text-align:center;font-family:'Signika', sans-serif; font-size:25px; line-height:30px;/* color:#000;/* holder etc... */ } #Zoeken { width:250px;float:left; } #ZoekenHolder { background:#e9f5fd; width:212px;left:10%;position:absolute; top:0px; height:30px; } #ZoekenInput { appearance:none;-webkit-appearance:none;padding:0px 10px;border:0;border-radius:0; } #ZoekenInput { color:#fff!important;font-size:15px; font-weight:bold; background:#eee; } /*( #dnn_zkVeld_txtSearch::-webkit-input-placeholder, #dnn_zkVeld_txtSearch::input-placeholder, #dnn_zkVeld_txtSearch::placeholder, #dnn_zkVeld_txtSearch:-moz-placeholder, #dnn_zkVeld_txtSearch::-moz-placeholder, #dnn_zkVeld_txtSearch:-ms-input-placeholder { color:#ff0000!important;opacity:0!important; } */ #dnn_zkVeld_txtSearch { margin-right:30px;margin-left:10px; width:79%; border:none;outline:none; background:transparent!important; } #ZoekenInput, #dnn_zkVeld_txtSearch { margin-top:2px; height:22px; line-height:22px; color:#131d49; font-family:'Signika', sans-serif;/* als topmenu */ font-size:21px; } #dnn_zkVeld_txtSearch[placeholder] { font-weight:400;color:transparent; } #dnn_zkVeld_txtSearch::-webkit-input-placeholder { font-weight:400;color:transparent; } #dnn_zkVeld_txtSearch::-moz-placeholder { font-weight:400;color:transparent; } #dnn_zkVeld_txtSearch:-ms-input-placeholder { font-weight:400;color:transparent; } /* LEEG VELD:*/ #dnn_zkVeld_txtSearch[placeholder]:empty { font-weight:500;color:#131d49;xxfont-size:20px; } #dnn_zkVeld_txtSearch::-webkit-input-placeholder:empty { font-weight:500;color:#131d49;xxfont-size:20px; } #dnn_zkVeld_txtSearch::-moz-placeholder:empty {font-weight:500;color:#131d49;xxfont-size:20px; } #dnn_zkVeld_txtSearch:-ms-input-placeholder:empty { font-weight:500;color:#131d49;xxfont-size:20px; } /* via js: #dnn_zkVeld_txtSearch:not(:empty), #dnn_zkVeld_txtSearch:focus { xxcolor:#95c11f!important; } */ #dnn_zkVeld_cmdSearch { font-family:"Ionicons";font-size:27px;display:inline-block;cursor:pointer; position:absolute; vertical-align:middle;cursor:pointer; font-weight:bold; text-align:center; text-shadow:0.5px 0px 0px #131d49; width:30px;height:30px;line-height:30px; top:0px;right:5px;color:#131d49; } /* via js: .focusZoekHdr #dnn_zkVeld_txtSearch , .focusZoekHdr #dnn_zkVeld_cmdSearch { color:#3c3c3c; } */ .focusZoekHdr #dnn_zkVeld_txtSearch { color:#e7550d; } .focusZoekHdr #dnn_zkVeld_txtSearch[placeholder] { color:#e7550d; } .focusZoekHdr #dnn_zkVeld_txtSearch::-webkit-input-placeholder { color:#e7550d; } .focusZoekHdr #dnn_zkVeld_txtSearch::-moz-placeholder { color:#e7550d; } .focusZoekHdr #dnn_zkVeld_txtSearch:-ms-input-placeholder { color:#e7550d; } .focusZoekHdr #dnn_zkVeld_cmdSearch { color:#e7550d;text-shadow:0.5px 0px 0px #e7550d;font-size:29px; } .focusZoekHdr #dnn_zkVeld_cmdSearch:hover, .focusZoekHdr #dnn_zkVeld_cmdSearch:active { font-size:33px; } .focusZoekHdr #ZoekenHolder { background:#fefbf2; box-shadow:0px 0px 0px 2px #e7550d; box-shadow:0px 0px 0px 2px #fefbf2, 0px 0px 0px 4px #e7550d ; } .focusZoekHdr .WS4 #ZoekenHolder { background:#fff8ea; box-shadow:0px 0px 0px 2px #fdb932; box-shadow:0px 0px 0px 2px #fff8ea, 0px 0px 0px 4px #fdb932; } .focusZoekHdr .WS4 #dnn_zkVeld_txtSearch { color:#131d49!important; } .focusZoekHdr .WS4 #dnn_zkVeld_txtSearch[placeholder] { color:#131d49!important; } .focusZoekHdr .WS4 #dnn_zkVeld_txtSearch::-webkit-input-placeholder { color:#131d49!important; } .focusZoekHdr .WS4 #dnn_zkVeld_txtSearch::-moz-placeholder { color:#131d49!important; } .focusZoekHdr .WS4 #dnn_zkVeld_txtSearch:-ms-input-placeholder { color:#131d49!important; } .focusZoekHdr #dnn_zkVeld_cmdSearch { color:#131d49;text-shadow:0.5px 0px 0px #131d49; } .focusZoekHdr #ZoekenHolder { /* transform:scale(1.25); transform-origin:center right;*/ transform:scale(1.15);transform-origin:75% center;/* BK,2019, ouderportaal erbij, niet goed getest met zoeken focus */ } /* SEARCH PREVIEW NOOIT TONEN */ .searchInputContainer a.dnnSearchBoxClearText, .searchSkinObjectPreview { display:none!important; } #Search .searchSkinObjectPreview, #Search .searchInputContainer a.dnnSearchBoxClearText, #MobileZoeken .searchSkinObjectPreview, #MobileZoeken .searchInputContainer a.dnnSearchBoxClearText { display:none !important; } /* ================================================================================ AGENDA 2019 (KOELMANSCHOOL, STOLTENBERG) ================================================================================ */ #Form #Wrapper.WS4 .RadAjaxPanel .EventTitle table tr td { background:#ffffff; } #Form #Wrapper.WS4 .RadAjaxPanel table.Event { border:none; } /* CALENDAR MAIN */ #Form #Wrapper.WS4 .RadAjaxPanel .EventTitle table tr td { background:#ffffff; } #Form #Wrapper.WS4 .RadAjaxPanel table.Event { border:none; } /* CALENDAR MAIN */ #Form #Wrapper.WS4 .RadAjaxPanel .EventTitle table tr td { } #Wrapper.WS4 #Content .ThemeDefault .EventTitle { text-transform:uppercase!important; color:#fff!important; height:auto!important; background-color:#444!important;} #Wrapper.WS4 #Content td.EventNextPrev + td { text-shadow:none!important; color:#ef4136!important; background:#fff!important; font-size:24px!important; padding:20px 0px!important; letter-spacing:1px!important;} #Wrapper.WS4 #Content td.EventNextPrev { text-shadow:none!important; color:#fff!important;} #Wrapper.WS4 #Content td.EventNextPrev a:before { content:"\f124"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-right:10px!important;} #Wrapper.WS4 #Content td.EventNextPrev ~ td.EventNextPrev { text-shadow:none!important; color:#ef4136!important;} #Wrapper.WS4 #Content td.EventNextPrev ~ td.EventNextPrev a:before { content:""!important;} #Wrapper.WS4 #Content td.EventNextPrev ~ td.EventNextPrev a:after { content:"\f125"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-left:10px!important;} #Wrapper.WS4 #Content .EventNextPrev a:link, #Wrapper.WS4 #Content .EventNextPrev a:visited, #Wrapper.WS4 #Content .EventNextPrev a:active { color:#ef4136!important!important; font-size:18px!important;} #Wrapper.WS4 #Content .EventNextPrev a:hover { color:#c7017f!important!important; } #Wrapper.WS4 #Content .ThemeDefault .EventTitle td { vertical-align:middle!important;} #Wrapper.WS4 #Content .ThemeDefault .EventDayHeader { font-size:14px!important; padding:10px 0px!important; background-color:#00a4e4!important;} #Wrapper.WS4 #Content .ThemeDefault .EventDay { background-color:#fff!important; color:#444!important; border:1px solid #e6e6e6!important; font-size:14px!important;} #Wrapper.WS4 #Content .ThemeDefault .EventWeekendDay { background-color:#fff!important;} #Wrapper.WS4 #Content .ThemeDefault .EventOtherMonthDay { background-color:#e8f4fc!important;} #Wrapper.WS4 #Content .ThemeDefault .EventDay .EventDayScroll > div > a { background-color:#ef4136!important; color:#fff!important; border-radius:0px!important; padding:0px 17px 0px 8px!important; font-size:12px!important; box-shadow:0px 0px 0px 2px #ffffff!important; } #Wrapper.WS4 #Content .EventNextPrev a:link, #Wrapper.WS4 #Content .EventNextPrev a:visited, .EventNextPrev a:active { color:#ef4136!important; } #Wrapper.WS4 #Content .ThemeDefault .EventTodayDay { background-color:#fdb932!important; color:#ffffff!important; } #Wrapper.WS4 #Content .ThemeDefault .EventTitle { text-transform:uppercase!important; color:#fff!important; height:auto!important; background-color:#444!important;} #Wrapper.WS4 #Content td.EventNextPrev + td { text-shadow:none!important; color:#ef4136!important; background:#fff!important; font-size:24px!important; padding:20px 0px!important; letter-spacing:1px!important;} #Wrapper.WS4 #Content td.EventNextPrev { text-shadow:none!important; color:#fff!important;} #Wrapper.WS4 #Content td.EventNextPrev a:before { content:"\f124"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-right:10px!important;} #Wrapper.WS4 #Content td.EventNextPrev ~ td.EventNextPrev { text-shadow:none!important; color:#ef4136!important;} #Wrapper.WS4 #Content td.EventNextPrev ~ td.EventNextPrev a:before { content:""!important;} #Wrapper.WS4 #Content td.EventNextPrev ~ td.EventNextPrev a:after { content:"\f125"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-left:10px!important;} #Wrapper.WS4 #Content .EventNextPrev a:link, #Wrapper.WS4 #Content .EventNextPrev a:visited, #Wrapper.WS4 #Content .EventNextPrev a:active { color:#ef4136!important!important; font-size:18px!important;} #Wrapper.WS4 #Content .EventNextPrev a:hover { color:#c7017f!important!important; } #Wrapper.WS4 #Content .ThemeDefault .EventTitle td { vertical-align:middle!important;} #Wrapper.WS4 #Content .ThemeDefault .EventDayHeader { font-size:14px!important; padding:10px 0px!important; background-color:#00a4e4!important;} #Wrapper.WS4 #Content .ThemeDefault .EventDay { background-color:#fff!important; color:#444!important; border:1px solid #e6e6e6!important; font-size:14px!important;} #Wrapper.WS4 #Content .ThemeDefault .EventWeekendDay { background-color:#fff!important;} #Wrapper.WS4 #Content .ThemeDefault .EventOtherMonthDay { background-color:#e8f4fc!important;} #Wrapper.WS4 #Content .ThemeDefault .EventDay .EventDayScroll > div > a { background-color:#ef4136!important; color:#fff!important; border-radius:0px!important; padding:0px 17px 0px 8px!important; font-size:12px!important; box-shadow:0px 0px 0px 2px #ffffff!important; } #Wrapper.WS4 #Content .EventNextPrev a:link, #Wrapper.WS4 #Content .EventNextPrev a:visited, .EventNextPrev a:active { color:#ef4136!important; } #Wrapper.WS4 #Content .ThemeDefault .EventTodayDay { background-color:#fdb932!important; color:#ffffff!important; } #Form #Wrapper.WS4 .RadAjaxPanel .EventTitle table tr td { background:#ffffff; } #Form #Wrapper.WS4 .RadAjaxPanel table.Event { border:none; } /* ---- Stolberg */ /* CALENDAR MAIN */ #Wrapper.WS5 #Content .ThemeDefault .EventTitle { text-transform:uppercase!important; color:#fff!important; height:auto!important; background-color:#0073CE!important;} #Wrapper.WS5 #Content td.EventNextPrev + td { text-shadow:none!important; color:#ffef3a!important; background:#fff!important; font-size:24px!important; padding:20px 0px!important; letter-spacing:1px!important;} #Wrapper.WS5 #Content td.EventNextPrev { text-shadow:none!important; color:#fff!important;} #Wrapper.WS5 #Content td.EventNextPrev a:before { content:"\f124"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-right:10px!important;} #Wrapper.WS5 #Content td.EventNextPrev ~ td.EventNextPrev { text-shadow:none!important; color:#ef4136!important;} #Wrapper.WS5 #Content td.EventNextPrev ~ td.EventNextPrev a:before { content:""!important;} #Wrapper.WS5 #Content td.EventNextPrev ~ td.EventNextPrev a:after { content:"\f125"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-left:10px!important;} #Wrapper.WS5 #Content .EventNextPrev a:link, #Wrapper.WS5 #Content .EventNextPrev a:visited, #Wrapper.WS5 #Content .EventNextPrev a:active { color:#ef4136!important!important; font-size:18px!important;} #Wrapper.WS5 #Content .EventNextPrev a:hover { color:#c7017f!important!important; } #Wrapper.WS5 #Content .ThemeDefault .EventTitle td { vertical-align:middle!important;} #Wrapper.WS5 #Content .ThemeDefault .EventDayHeader { font-size:14px!important; padding:10px 0px!important; background-color:#0073CE!important;} #Wrapper.WS5 #Content .ThemeDefault .EventDay { background-color:#fff!important; color:#444!important; border:1px solid #e6e6e6!important; font-size:14px!important;} #Wrapper.WS5 #Content .ThemeDefault .EventWeekendDay { background-color:#fff!important;} #Wrapper.WS5 #Content .ThemeDefault .EventOtherMonthDay { background-color:#e8f4fc!important;} #Wrapper.WS5 #Content .ThemeDefault .EventDay .EventDayScroll > div > a { background-color:#0073CE!important; color:#fff!important; border-radius:0px!important; padding:0px 17px 0px 8px!important; font-size:12px!important; box-shadow:0px 0px 0px 2px #ffffff!important; } #Wrapper.WS5 #Content .EventNextPrev a:link, #Wrapper.WS5 #Content .EventNextPrev a:visited, .EventNextPrev a:active { color:#fff!important; } #Wrapper.WS5 #Content .ThemeDefault .EventTodayDay { background-color:#0073CE!important; color:#ffffff!important; } .WS5 .pubArticleHomeViewer .pubItem .pubItemWrapper .pubContent .pubTitle {color:#131d49 !important} .WS5 .pubArticleHomeViewer .pubItem .pubContent .pubMetaData {color:#131d49 !important} .WS5 .pubArticleHomeViewer .pubItem .pubContent .pubSumm {color:#131d49 !important} /* ---- AKKER */ /* CALENDAR MAIN */ #Wrapper.WS6 #Content .ThemeDefault .EventTitle { text-transform:uppercase!important; color:#fff!important; height:auto!important; background-color:#76B8BB!important;} #Wrapper.WS6 #Content td.EventNextPrev + td { text-shadow:none!important; color:#de8857!important; background:#fff!important; font-size:24px!important; padding:20px 0px!important; letter-spacing:1px!important;} #Wrapper.WS6 #Content td.EventNextPrev { text-shadow:none!important; color:#fff!important;} #Wrapper.WS6 #Content td.EventNextPrev a:before { content:"\f124"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-right:10px!important;} #Wrapper.WS6 #Content td.EventNextPrev ~ td.EventNextPrev { text-shadow:none!important; color:#ef4136!important;} #Wrapper.WS6 #Content td.EventNextPrev ~ td.EventNextPrev a:before { content:""!important;} #Wrapper.WS6 #Content td.EventNextPrev ~ td.EventNextPrev a:after { content:"\f125"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-left:10px!important;} #Wrapper.WS6 #Content .EventNextPrev a:link, #Wrapper.WS6 #Content .EventNextPrev a:visited, #Wrapper.WS6 #Content .EventNextPrev a:active { color:#ef4136!important!important; font-size:18px!important;} #Wrapper.WS6 #Content .EventNextPrev a:hover { color:#c7017f!important!important; } #Wrapper.WS6 #Content .ThemeDefault .EventTitle td { vertical-align:middle!important;} #Wrapper.WS6 #Content .ThemeDefault .EventDayHeader { font-size:14px!important; padding:10px 0px!important; background-color:#f0c100!important;} #Wrapper.WS6 #Content .ThemeDefault .EventDay { background-color:#fff!important; color:#444!important; border:1px solid #e6e6e6!important; font-size:14px!important;} #Wrapper.WS6 #Content .ThemeDefault .EventWeekendDay { background-color:#fff!important;} #Wrapper.WS6 #Content .ThemeDefault .EventOtherMonthDay { background-color:#e8f4fc!important;} #Wrapper.WS6 #Content .ThemeDefault .EventDay .EventDayScroll > div > a { background-color:#ef4136!important; color:#fff!important; border-radius:0px!important; padding:0px 17px 0px 8px!important; font-size:12px!important; box-shadow:0px 0px 0px 2px #ffffff!important; } #Wrapper.WS6 #Content .EventNextPrev a:link, #Wrapper.WS6 #Content .EventNextPrev a:visited, .EventNextPrev a:active { color:#fff!important; } #Wrapper.WS6 #Content .ThemeDefault .EventTodayDay { background-color:#fdb932!important; color:#ffffff!important; } /* ---- Comrie */ /* CALENDAR MAIN */ #Wrapper.WS7 #Content .ThemeDefault .EventTitle { text-transform:uppercase!important; color:#fff!important; height:auto!important; background-color:#fc1c14!important;} #Wrapper.WS7 #Content td.EventNextPrev + td { text-shadow:none!important; color:#ef4136!important; background:#fff!important; font-size:24px!important; padding:20px 0px!important; letter-spacing:1px!important;} #Wrapper.WS7 #Content td.EventNextPrev { text-shadow:none!important; color:#fff!important;} #Wrapper.WS7 #Content td.EventNextPrev a:before { content:"\f124"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-right:10px!important;} #Wrapper.WS7 #Content td.EventNextPrev ~ td.EventNextPrev { text-shadow:none!important; color:#ef4136!important;} #Wrapper.WS7 #Content td.EventNextPrev ~ td.EventNextPrev a:before { content:""!important;} #Wrapper.WS7 #Content td.EventNextPrev ~ td.EventNextPrev a:after { content:"\f125"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-left:10px!important;} #Wrapper.WS7 #Content .EventNextPrev a:link, #Wrapper.WS7 #Content .EventNextPrev a:visited, #Wrapper.WS7 #Content .EventNextPrev a:active { color:#ef4136!important!important; font-size:18px!important;} #Wrapper.WS7 #Content .EventNextPrev a:hover { color:#c7017f!important!important; } #Wrapper.WS7 #Content .ThemeDefault .EventTitle td { vertical-align:middle!important;} #Wrapper.WS7 #Content .ThemeDefault .EventDayHeader { font-size:14px!important; padding:10px 0px!important; background-color:#67b1d4!important;} #Wrapper.WS7 #Content .ThemeDefault .EventDay { background-color:#fff!important; color:#444!important; border:1px solid #e6e6e6!important; font-size:14px!important;} #Wrapper.WS7 #Content .ThemeDefault .EventWeekendDay { background-color:#fff!important;} #Wrapper.WS7 #Content .ThemeDefault .EventOtherMonthDay { background-color:#e8f4fc!important;} #Wrapper.WS7 #Content .ThemeDefault .EventDay .EventDayScroll > div > a { background-color:#131d49!important; color:#fff!important; border-radius:0px!important; padding:0px 17px 0px 8px!important; font-size:12px!important; box-shadow:0px 0px 0px 2px #ffffff!important; } #Wrapper.WS7 #Content .EventNextPrev a:link, #Wrapper.WS7 #Content .EventNextPrev a:visited, .EventNextPrev a:active { color:#fff!important; } #Wrapper.WS7 #Content .ThemeDefault .EventTodayDay { background-color:#67b1d4!important; color:#ffffff!important; } .WS7 .pubArticleHomeViewer .pubItem .pubItemWrapper .pubContent .pubTitle {color:#131d49 !important} .WS7 .pubArticleHomeViewer .pubItem .pubContent .pubMetaData {color:#131d49 !important} .WS7 .pubArticleHomeViewer .pubItem .pubContent .pubSumm {color:#131d49 !important} /* ---- Kersten */ /* CALENDAR MAIN */ #Wrapper.WS8 #Content .ThemeDefault .EventTitle { text-transform:uppercase!important; color:#fff!important; height:auto!important; background-color:#ea2e5f!important;} #Wrapper.WS8 #Content td.EventNextPrev + td { text-shadow:none!important; color:#ef4136!important; background:#fff!important; font-size:24px!important; padding:20px 0px!important; letter-spacing:1px!important;} #Wrapper.WS8 #Content td.EventNextPrev { text-shadow:none!important; color:#fff!important;} #Wrapper.WS8 #Content td.EventNextPrev a:before { content:"\f124"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-right:10px!important;} #Wrapper.WS8 #Content td.EventNextPrev ~ td.EventNextPrev { text-shadow:none!important; color:#ef4136!important;} #Wrapper.WS8 #Content td.EventNextPrev ~ td.EventNextPrev a:before { content:""!important;} #Wrapper.WS8 #Content td.EventNextPrev ~ td.EventNextPrev a:after { content:"\f125"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-left:10px!important;} #Wrapper.WS8 #Content .EventNextPrev a:link, #Wrapper.WS8 #Content .EventNextPrev a:visited, #Wrapper.WS8 #Content .EventNextPrev a:active { color:#ef4136!important!important; font-size:18px!important;} #Wrapper.WS8 #Content .EventNextPrev a:hover { color:#c7017f!important!important; } #Wrapper.WS8 #Content .ThemeDefault .EventTitle td { vertical-align:middle!important;} #Wrapper.WS8 #Content .ThemeDefault .EventDayHeader { font-size:14px!important; padding:10px 0px!important; background-color:#0060a9!important;} #Wrapper.WS8 #Content .ThemeDefault .EventDay { background-color:#fff!important; color:#444!important; border:1px solid #e6e6e6!important; font-size:14px!important;} #Wrapper.WS8 #Content .ThemeDefault .EventWeekendDay { background-color:#fff!important;} #Wrapper.WS8 #Content .ThemeDefault .EventOtherMonthDay { background-color:#e8f4fc!important;} #Wrapper.WS8 #Content .ThemeDefault .EventDay .EventDayScroll > div > a { background-color:#0060a9!important; color:#fff!important; border-radius:0px!important; padding:0px 17px 0px 8px!important; font-size:12px!important; box-shadow:0px 0px 0px 2px #ffffff!important; } #Wrapper.WS8 #Content .EventNextPrev a:link, #Wrapper.WS8 #Content .EventNextPrev a:visited, .EventNextPrev a:active { color:#fff!important; } #Wrapper.WS8 #Content .ThemeDefault .EventTodayDay { background-color:#0060a9!important; color:#ffffff!important; } .WS8 .pubArticleHomeViewer .pubItem .pubItemWrapper .pubContent .pubTitle {color:#131d49 !important} .WS8 .pubArticleHomeViewer .pubItem .pubContent .pubMetaData {color:#131d49 !important} .WS8 .pubArticleHomeViewer .pubItem .pubContent .pubSumm {color:#131d49 !important} /* ---- Zandbaan */ /* CALENDAR MAIN */ #Wrapper.WS9 #Content .ThemeDefault .EventTitle { text-transform:uppercase!important; color:#fff!important; height:auto!important; background-color:#8fb823!important; border:1px solid #8fb823!important;} #Wrapper.WS9 #Content td.EventNextPrev + td { text-shadow:none!important; color:#fff!important; font-size:24px!important; padding:20px 0px!important; letter-spacing:1px!important;} #Wrapper.WS9 #Content td.EventNextPrev { text-shadow:none!important; color:#fff!important;} #Wrapper.WS9 #Content td.EventNextPrev a:before { content:"\f124"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-right:10px!important;} #Wrapper.WS9 #Content td.EventNextPrev ~ td.EventNextPrev { text-shadow:none!important; color:#ef4136!important;} #Wrapper.WS9 #Content td.EventNextPrev ~ td.EventNextPrev a:before { content:""!important;} #Wrapper.WS9 #Content td.EventNextPrev ~ td.EventNextPrev a:after { content:"\f125"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-left:10px!important;} #Wrapper.WS9 #Content .EventNextPrev a:link, #Wrapper.WS9 #Content .EventNextPrev a:visited, #Wrapper.WS9 #Content .EventNextPrev a:active { color:#ef4136!important!important; font-size:18px!important;} #Wrapper.WS9 #Content .EventNextPrev a:hover { color:#c7017f!important!important; } #Wrapper.WS9 #Content .ThemeDefault .EventTitle td { vertical-align:middle!important;} #Wrapper.WS9 #Content .ThemeDefault .EventDayHeader { font-size:14px!important; padding:10px 0px!important; background-color:#1c65a3!important; border:1px solid #8fb823!important;} #Wrapper.WS9 #Content .ThemeDefault .EventDay { background-color:#fff!important; color:#444!important; border:1px solid #8fb823!important; font-size:14px!important;} #Wrapper.WS9 #Content .ThemeDefault .EventWeekendDay { background-color:#fff!important;} #Wrapper.WS9 #Content .ThemeDefault .EventOtherMonthDay { background-color:#e8f4fc!important;} #Wrapper.WS9 #Content .ThemeDefault .EventDay .EventDayScroll > div > a { background-color:#1c65a3!important; color:#fff!important; border-radius:0px!important; padding:0px 17px 0px 8px!important; font-size:12px!important; box-shadow:0px 0px 0px 2px #ffffff!important; } #Wrapper.WS9 #Content .EventNextPrev a:link, #Wrapper.WS9 #Content .EventNextPrev a:visited, .EventNextPrev a:active { color:#fff!important; } #Wrapper.WS9 #Content .ThemeDefault .EventTodayDay { background-color:#ff7909!important; color:#ffffff!important; } .WS9 .pubArticleHomeViewer .pubItem .pubItemWrapper .pubContent .pubTitle {color:#131d49 !important} .WS9 .pubArticleHomeViewer .pubItem .pubContent .pubMetaData {color:#131d49 !important} .WS9 .pubArticleHomeViewer .pubItem .pubContent .pubSumm {color:#131d49 !important} .WS9 .EventList { } .WS9 .EventList .EventListItems { } .WS9 .EventList .EventListItem { margin: 30px 0;} .WS9 .EventList .EventListItemDate { color: #fff; background-color: #ff7909; border-radius: 0; } .WS9 .EventList .EventListItemDate span { background-color: #1c65a3; border-radius: 0;} .WS9 .EventList .EventListItemContent { } .WS9 .EventList .EventListItemSubDate { font-size: 14px; color: #999999; } .WS9 .EventList .EventListItemTitle { color: #8fb823;} .WS9 .EventList .EventListItemDescription { } /* ---- Herman Faukelius */ /* CALENDAR MAIN */ #Wrapper.WS10 #Content .ThemeDefault .EventTitle { text-transform:uppercase!important; color:#fff!important; height:auto!important; background-color:#8b0014!important; border:1px solid #8b0014!important;} #Wrapper.WS10 #Content td.EventNextPrev + td { text-shadow:none!important; color:#fff!important; font-size:24px!important; padding:20px 0px!important; letter-spacing:1px!important;} #Wrapper.WS10 #Content td.EventNextPrev { text-shadow:none!important; color:#fff!important;} #Wrapper.WS10 #Content td.EventNextPrev a:before { content:"\f124"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-right:10px!important;} #Wrapper.WS10 #Content td.EventNextPrev ~ td.EventNextPrev { text-shadow:none!important; color:#ef4136!important;} #Wrapper.WS10 #Content td.EventNextPrev ~ td.EventNextPrev a:before { content:""!important;} #Wrapper.WS10 #Content td.EventNextPrev ~ td.EventNextPrev a:after { content:"\f125"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-left:10px!important;} #Wrapper.WS10 #Content .EventNextPrev a:link, #Wrapper.WS10 #Content .EventNextPrev a:visited, #Wrapper.WS10 #Content .EventNextPrev a:active { color:#ef4136!important!important; font-size:18px!important;} #Wrapper.WS10 #Content .EventNextPrev a:hover { color:#c7017f!important!important; } #Wrapper.WS10 #Content .ThemeDefault .EventTitle td { vertical-align:middle!important;} #Wrapper.WS10 #Content .ThemeDefault .EventDayHeader { font-size:14px!important; padding:10px 0px!important; background-color:#0173ba!important; border:1px solid #8b0014!important;} #Wrapper.WS10 #Content .ThemeDefault .EventDay { background-color:#fff!important; color:#444!important; border:1px solid #8b0014!important; font-size:14px!important;} #Wrapper.WS10 #Content .ThemeDefault .EventWeekendDay { background-color:#fff!important;} #Wrapper.WS10 #Content .ThemeDefault .EventOtherMonthDay { background-color:#e8f4fc!important;} #Wrapper.WS10 #Content .ThemeDefault .EventDay .EventDayScroll > div > a { background-color:#0173ba!important; color:#fff!important; border-radius:0px!important; padding:0px 17px 0px 8px!important; font-size:12px!important; box-shadow:0px 0px 0px 2px #ffffff!important; } #Wrapper.WS10 #Content .EventNextPrev a:link, #Wrapper.WS10 #Content .EventNextPrev a:visited, .EventNextPrev a:active { color:#fff!important; } #Wrapper.WS10 #Content .ThemeDefault .EventTodayDay { background-color:#fbefe7!important; /*color:#ffffff!important;*/ } .WS10 .pubArticleHomeViewer .pubItem .pubItemWrapper .pubContent .pubTitle {color:#131d49 !important} .WS10 .pubArticleHomeViewer .pubItem .pubContent .pubMetaData {color:#131d49 !important} .WS10 .pubArticleHomeViewer .pubItem .pubContent .pubSumm {color:#131d49 !important} /* ---- Petrus Immens */ /* CALENDAR MAIN */ #Wrapper.WS11 #Content .ThemeDefault .EventTitle { text-transform:uppercase!important; color:#fff!important; height:auto!important; background-color:#8b0014!important; border:1px solid #8b0014!important;} #Wrapper.WS11 #Content td.EventNextPrev + td { text-shadow:none!important; color:#fff!important; font-size:24px!important; padding:20px 0px!important; letter-spacing:1px!important;} #Wrapper.WS11 #Content td.EventNextPrev { text-shadow:none!important; color:#fff!important;} #Wrapper.WS11 #Content td.EventNextPrev a:before { content:"\f124"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-right:10px!important;} #Wrapper.WS11 #Content td.EventNextPrev ~ td.EventNextPrev { text-shadow:none!important; color:#ef4136!important;} #Wrapper.WS11 #Content td.EventNextPrev ~ td.EventNextPrev a:before { content:""!important;} #Wrapper.WS11 #Content td.EventNextPrev ~ td.EventNextPrev a:after { content:"\f125"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-left:10px!important;} #Wrapper.WS11 #Content .EventNextPrev a:link, #Wrapper.WS11 #Content .EventNextPrev a:visited, #Wrapper.WS11 #Content .EventNextPrev a:active { color:#ef4136!important!important; font-size:18px!important;} #Wrapper.WS11 #Content .EventNextPrev a:hover { color:#c7017f!important!important; } #Wrapper.WS11 #Content .ThemeDefault .EventTitle td { vertical-align:middle!important;} #Wrapper.WS11 #Content .ThemeDefault .EventDayHeader { font-size:14px!important; padding:10px 0px!important; background-color:#0173ba!important; border:1px solid #8b0014!important;} #Wrapper.WS11 #Content .ThemeDefault .EventDay { background-color:#fff!important; color:#444!important; border:1px solid #8b0014!important; font-size:14px!important;} #Wrapper.WS11 #Content .ThemeDefault .EventWeekendDay { background-color:#fff!important;} #Wrapper.WS11 #Content .ThemeDefault .EventOtherMonthDay { background-color:#e8f4fc!important;} #Wrapper.WS11 #Content .ThemeDefault .EventDay .EventDayScroll > div > a { background-color:#0173ba!important; color:#fff!important; border-radius:0px!important; padding:0px 17px 0px 8px!important; font-size:12px!important; box-shadow:0px 0px 0px 2px #ffffff!important; } #Wrapper.WS11 #Content .EventNextPrev a:link, #Wrapper.WS11 #Content .EventNextPrev a:visited, .EventNextPrev a:active { color:#fff!important; } #Wrapper.WS11 #Content .ThemeDefault .EventTodayDay { background-color:#fbefe7!important; /*color:#ffffff!important;*/ } .WS11 .pubArticleHomeViewer .pubItem .pubItemWrapper .pubContent .pubTitle {color:#131d49 !important} .WS11 .pubArticleHomeViewer .pubItem .pubContent .pubMetaData {color:#131d49 !important} .WS11 .pubArticleHomeViewer .pubItem .pubContent .pubSumm {color:#131d49 !important} /* WS6 OVERRRIDES */ .WS6 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText {background-color:#76b8bb; color:#fff; padding:20px 8px } .WS6 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover {background-color:#adc857;} .WS6 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText { padding:0px 8px; font-size:14px; height:28px; line-height:28px;} .WS6 .RadMenu_MainMenu .rmSlide {MARGIN-TOP:0;} /* === DIGICOM TIMELINE === */ /* general */ .sw-timeline { } .sw-timeline-posts { } .sw-timeline-post { display: flex; justify-content: flex-start; margin: 0 0 30px 0; padding: 0; } /*Kerstens*/ .WS8 .sw-timeline-post .post-images {display:none; } /*---*/ .sw-timeline-post .post-thumbnail-image { display: inline-block; width: 100px; height: 100px; margin: 0 20px 0 0; position: relative; background-color: #efefef; overflow: hidden; background-size: cover; background-position: center center; } .sw-timeline-post .post-thumbnail-image .post-thumbnail-image-overlay { display: block; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 5; background-size: cover; background-position: bottom right; background-repeat: no-repeat; } .sw-timeline-post .post-content { } .sw-timeline-post .post-content .post-title{ font-size: 18px; font-weight: 700; color: #009DE0;} .sw-timeline-post .post-content .post-author { margin: 0; color: #D57425; display:none;} .sw-timeline-post .post-content .post-author span { font-weight: 700; } .sw-timeline-post .post-content .post-date { margin: 0; color: #D57425; } .sw-timeline-post .post-content .post-date span { font-weight: 700; display:none;} .sw-timeline-post .post-content .post-message { } .sw-timeline-post .post-attachments {} .sw-timeline-post .post-attachments .post-files {} .sw-timeline-post .post-attachments .post-files .post-file {} .sw-timeline-post .post-attachments .post-files .post-file a { display: block; padding: 2px 0 2px 10px; position: relative; } .sw-timeline-post .post-attachments .post-files .post-file a:before { content: ""; display: block; width: 6px; height: 6px; position: absolute; top: 10px; left: 0; background-color: #009DE0; } .sw-timeline-post .post-attachments .post-files .post-file a:hover { } /* list specific */ .sw-timeline.list { } .sw-timeline-footer { padding: 10px 0; text-align: center;} .sw-timeline-footer .sw-timeline-page-number { display: inline-block; margin: 0 5px; padding: 4px 10px; } .sw-timeline-footer .sw-timeline-button { display: inline-block; margin: 0 auto; padding: 5px 15px; color: #ffffff; background-color: #009DE0; transition: all .3s ease; } .sw-timeline-footer .sw-timeline-button:hover { text-decoration: none; background-color: #F4D12D; } .sw-timeline-footer .sw-timeline-button span {color: #fff; } /* recent specific */ .sw-timeline.recent { } .sw-timeline.recent .sw-timeline-posts { display: flex; justify-content: space-between; margin: 0; padding: 0; flex-wrap: wrap; } .sw-timeline.recent .sw-timeline-post { width: 31%; display:block; } .sw-timeline.recent .sw-timeline-post .post-thumbnail-image { display: block; width: 100%; height: 240px; margin: 0 0 10px 0; position: relative; background-size: cover; background-position: top;} .sw-timeline.recent .sw-timeline-post .post-content { padding: 5px 10px; max-height: 180px; overflow: hidden; position: relative; } /*Kersten*/ .WS8 .sw-timeline.recent .sw-timeline-post .post-thumbnail-image {display:none;} .WS8 .sw-timeline.recent .sw-timeline-post .post-content:after { content: ""; display: block; width: 100%; height: 20px; position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(170,125,81,1) 100%);} .WS8 .sw-timeline.recent .sw-timeline-post .post-content .post-title{ font-size: 18px; border:none;} .WS8 .sw-timeline.recent .sw-timeline-post .post-content { border:none;} .WS8 .sw-timeline-post .post-content .post-title{ font-size: 30px; font-weight: 700; color: #33ADC1;} .WS8 .sw-timeline-post .post-content{ border-bottom: 1px #33ADC1 solid; padding-bottom: 15px; width: 100%;} /*---*/ .sw-timeline.recent .sw-timeline-post .post-content:after { content: ""; display: block; width: 100%; height: 20px; position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(170,125,81,1) 100%);} .sw-timeline.recent .timeline-redirect-link { padding: 10px 0; } .sw-timeline.recent .timeline-redirect-link .sw-timeline-list-link { display: inline-block; margin: 0 auto; padding: 0px 15px; font-size:22px; color: #ffffff; background-color: #33ADC1 ; transition: all .3s ease; } .sw-timeline.recent .timeline-redirect-link .sw-timeline-list-link:hover { text-decoration: none; background-color: #131d49 ; } /* ================================================================================ HEUTINK SCHOOLWAPPS CALENDAR ================================================================================ */ .digicom-module-title {display:none;} /* CALENDAR WRAPPER */ .digicom-module-title { color : #009240;} .sw-calendar { } .sw-calendar.upcoming { } .sw-calendar.month { } /* CALENDAR HEADER */ .sw-calendar-header { display: flex; justify-content: space-between; margin: 0 0 20px 0; padding: 10px 0; border-bottom: 2px solid #ccc; } .sw-calendar-title { font-size: 22px; } .sw-calendar-button { padding: 2px 10px; } .sw-calendar-button.previous {} .sw-calendar-button.next {} /* CALENDAR ITEMS */ .sw-calendar-items { } .sw-calendar-item { margin: 0 0 20px 0; padding: 0 0 20px 0; } .sw-calendar-item-dates { display: flex; justify-content: flex-start;} .sw-calendar-item-date.startdate {} .sw-calendar-item-date.enddate { } .sw-calendar-item-date.enddate:before { content: "-"; display:inline-block; margin: 0 5px 0 10px; } .sw-calendar-item-date-name {} .sw-calendar-item-date-day {} .sw-calendar-item-date-month {} .sw-calendar-item-date-time {} .sw-calendar-item-title { color:#009240; font-size: 22px; } .sw-calendar-item-description {margin: 0 0 5px 0; } .sw-calendar-item-groups { } .sw-calendar-item-groups span { display: inline-block; line-height: 1; margin: 0 2px 4px 0; padding: 4px 8px; border-radius: 12px; border: 1px solid #aaa; font-size: 12px; } /* UPCOMMING */ .sw-calendar.upcoming .sw-calendar-item-date { text-transform:uppercase; padding:0px 5px; font-size:22px; font-weight:400;letter-spacing:0px;text-align:center; float:left;display:inline-block;width:65px;height:70px;line-height:65px; background:#e7550d ;color:#fff!important; } /* CALENDAR FOOTER */ .sw-calendar-footer { margin: 20px 0 0 0; padding: 10px 0; } .sw-calendar-list-link, .sw-calendar-button{ display: inline-block; color: #fff !important; font-family: 'Signika', sans-serif; letter-spacing: normal; font-weight: 400; font-size: 22px; height: 30px; line-height: 30px; cursor: pointer; transition: none!important; } .sw-calendar-list-link:before, .sw-calendar-list-link:after { background: #DE3694; } .sw-calendar-list-link { padding: 0px 0px 0px 15px; } .sw-calendar-list-link:after { content: " "; display: block; float: right; height: 30px; width: 16px; position: relative;display: inline-block; transform: skew(-21deg, 0deg); transform-origin: 50% 50%; left: 10px; } .sw-calendar-list-link:hover, .sw-calendar-list-link:hover:after { background: #131d49;} .sw-calendar.upcoming { clear: both;} .sw-calendar.upcoming .sw-calendar-item { clear: both; overflow: hidden; margin: 0 0 40px 0; padding: 0; } .sw-calendar.upcoming .sw-calendar-item-dates { float: left; font-size: 18px !important; font-weight: 400; text-align: center; float: left; display: inline-block; width: 65px;height: 65px; line-height: 65px;color: #fff!important; } .sw-calendar.upcoming .sw-calendar-item-date.enddate { display: none; } .sw-calendar.upcoming .sw-calendar-item-title { float: right; width: calc(100% - 85px); font-weight:bold;} .sw-calendar.upcoming .sw-calendar-item-description { display:none;} #dnn_homeRijAgd .DnnModule.DnnModule-WebredactieDigicom { width: 47% !important; } /*SMDB*/ .WS3 .sw-calendar-button {background-color:#1384c7;} .WS3 .sw-calendar-button:hover {background-color:#131d49 ;} .WS3 .sw-calendar.upcoming .sw-calendar-item-date {background-color:#1384c7 ;} .WS3 .sw-calendar.upcoming .sw-calendar-item-title {color:#131d49;} .WS3 .sw-calendar-item-title {color:#1384c7;} .WS3 .sw-calendar-list-link { background: #1384c7;} .WS3 .sw-calendar-list-link:after { background-color: #1384c7;} .WS3 .sw-calendar-list-link:hover, .WS3 .sw-calendar-list-link:hover:after { background-color: #131d49;} /*Stolberg*/ .WS5 .sw-calendar-button {background-color:#0073ce;} .WS5 .sw-calendar-button:hover {background-color:#131d49 ;} .WS5 .sw-calendar.upcoming .sw-calendar-item-date {background-color:#0073ce ;} .WS5 .sw-calendar.upcoming .sw-calendar-item-title {color:#131d49;} .WS5 .sw-calendar-item-title {color:#0073ce;} .WS5 .sw-calendar-list-link { background: #0073ce;} .WS5 .sw-calendar-list-link:after { background: #0073ce;} .WS5 .sw-calendar-list-link:hover, .WS5 .sw-calendar-list-link:hover:after { background: #131d49;} .WS5 .sw-calendar-list-link, .WS5 .sw-calendar-list-link:after { background-color: #0073ce} .sw-calendar-list-link:hover, .sw-calendar-list-link:hover:after { background: #3c3c3b;} /*Comrie*/ .WS7 .sw-calendar-button {background-color:#fc1c14 ;} .WS7 .sw-calendar-button:hover {background-color:#131d49 ;} .WS7 .sw-calendar.upcoming .sw-calendar-item-date {background-color:#67b1d4 ;} .WS7 .sw-calendar.upcoming .sw-calendar-item-title {color:#131d49 ;} .WS7 .sw-calendar-item-title {color:#67b1d4;} .WS7 .sw-calendar-list-link {background-color:#fc1c14;} .WS7 .sw-calendar-list-link:after { background: #fc1c14;} .WS7 .sw-calendar-list-link:hover, .WS7 .sw-calendar-list-link:hover:after { background: #131d49;} /*Kersten*/ .WS8 .sw-calendar-button {background-color:#DE3694;} .WS8 .sw-calendar-button:hover {background-color:#131d49 ;} .WS8 .sw-calendar.upcoming .sw-calendar-item-date {background-color:#33ADC1;} .WS8 .sw-calendar.upcoming .sw-calendar-item-title {color:#131d49;} .WS8 .sw-calendar-item-title {color:#33ADC1;} .WS8 .sw-calendar-list-link { background: #DE3694;} .WS8 .sw-calendar-list-link:after { background: #DE3694;} .WS8 .sw-calendar-list-link:hover, .WS8 .sw-calendar-list-link:hover:after { background: #131d49;} .WS8 .sw-calendar.upcoming .sw-calendar-item-date-month {display:none;} /* ================================================================================ MEDEWERKERS LIJST (BASIS) ================================================================================ */ .Medewerkerslijst {} .Medewerkerslijst .MedewerkerslijstItems { margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .Medewerkerslijst .MedewerkerslijstItem {list-style-type: none; width: 50%; margin: 20px 0; text-align: center; } .Medewerkerslijst .MedewerkerslijstItem .MedewerkerslijstItemImage { width: 140px; height: 200px; margin: 0 auto 20px auto; background-color: #eee; background-size: cover; background-position: top center; } .Medewerkerslijst .MedewerkerslijstItem .MedewerkerslijstItemContent { } .Medewerkerslijst .MedewerkerslijstItem .MedewerkerslijstItemContentName{ font-weight: bold; } .Medewerkerslijst .MedewerkerslijstItem .MedewerkerslijstItemContentText1 { } .Medewerkerslijst .MedewerkerslijstItem .MedewerkerslijstItemContentText2 { } .Medewerkerslijst.Rounded .MedewerkerslijstItemImage{ border-radius: 20px; } .Medewerkerslijst.Circle .MedewerkerslijstItemImage { border-radius: 50%; } .EventListWrapper {} .EventListItems { } .EventListItem { display: flex; justify-content: space-between; align-items: flex-start; margin: 0 0 30px 0;} .EventListItemDate { width: 80px; height: 80px; margin: 0; padding: 5px 0 0 0; border-radius: 15px; box-sizing: border-box; font-size: 32px; font-weight: 700; line-height: 40px; text-align: center; background-color: #eeeeee; } .EventListItemDate span { display: block; margin: 5px 0 0 0; padding: 5px 0 5px 0; background-color: #dddddd; font-size: 20px; line-height: 20px; border-radius: 0 0 15px 15px; } .EventListItemContent { width: calc(100% - 110px); } .EventListItemTitle { font-size: 32px; font-weight: 700; } .EventListItemText { font-weight: 700;} .WS10 .EventListItemDate { color: #ffffff; background-color: #8b0014;} .WS10 .EventListItemDate span { background-color: #0173ba; } .WS10 .EventListItemTitle { color: #8b0014; } .WS11 .EventListItemDate { color: #ffffff; background-color: #8b0014;} .WS11 .EventListItemDate span { background-color: #0173ba; } .WS11 .EventListItemTitle { color: #8b0014; } /* CALENDAR MAIN */ #Wrapper.WS11 #Content .ThemeDefault .EventTitle { text-transform:uppercase!important; color:#fff!important; height:auto!important; background-color:#8b0014!important; border:1px solid #8b0014!important;} #Wrapper.WS11 #Content td.EventNextPrev + td { text-shadow:none!important; color:#fff!important; font-size:24px!important; padding:20px 0px!important; letter-spacing:1px!important;} #Wrapper.WS11 #Content td.EventNextPrev { text-shadow:none!important; color:#fff!important;} #Wrapper.WS11 #Content td.EventNextPrev a:before { content:"\f124"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-right:10px!important;} #Wrapper.WS11 #Content td.EventNextPrev ~ td.EventNextPrev { text-shadow:none!important; color:#ef4136!important;} #Wrapper.WS11 #Content td.EventNextPrev ~ td.EventNextPrev a:before { content:""!important;} #Wrapper.WS11 #Content td.EventNextPrev ~ td.EventNextPrev a:after { content:"\f125"!important; font-family:"Ionicons"!important; font-size:13px!important; vertical-align:middle!important; padding-left:10px!important;} #Wrapper.WS11 #Content .EventNextPrev a:link, #Wrapper.WS11 #Content .EventNextPrev a:visited, #Wrapper.WS11 #Content .EventNextPrev a:active { color:#ef4136!important!important; font-size:18px!important;} #Wrapper.WS11 #Content .EventNextPrev a:hover { color:#c7017f!important!important; } #Wrapper.WS11 #Content .ThemeDefault .EventTitle td { vertical-align:middle!important;} #Wrapper.WS11 #Content .ThemeDefault .EventDayHeader { font-size:14px!important; padding:10px 0px!important; background-color:#0173ba!important; border:1px solid #8b0014!important;} #Wrapper.WS11 #Content .ThemeDefault .EventDay { background-color:#fff!important; color:#444!important; border:1px solid #8b0014!important; font-size:14px!important;} #Wrapper.WS11 #Content .ThemeDefault .EventWeekendDay { background-color:#fff!important;} #Wrapper.WS11 #Content .ThemeDefault .EventOtherMonthDay { background-color:#e8f4fc!important;} #Wrapper.WS11 #Content .ThemeDefault .EventDay .EventDayScroll > div > a { background-color:#0173ba!important; color:#fff!important; border-radius:0px!important; padding:0px 17px 0px 8px!important; font-size:12px!important; box-shadow:0px 0px 0px 2px #ffffff!important; } #Wrapper.WS11 #Content .EventNextPrev a:link, #Wrapper.WS11 #Content .EventNextPrev a:visited, .EventNextPrev a:active { color:#fff!important; } #Wrapper.WS11 #Content .ThemeDefault .EventTodayDay { background-color:#fbefe7!important; /*color:#ffffff!important;*/ } /* ================================================================================ 360 TOUR TEMPLATE ================================================================================ */ .TourItem{height:375px; width:492px; display:inline-block; padding-right:20px} .TourWrapper .TourItem .TourImage {height:375px; width:492px; object-fit:cover;} .TourItem_video {background-repeat: no-repeat; background-size: cover; background-position:center center; position:relative; margin-right:20px;} .TourItem_video a {display:block; height:100px; width:100px; border:8px solid #fff; border-radius:50%; line-height:100px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.3s ease; text-align:center; } .TourItem_video a:after {color:#fff; content:"\f04b"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:62px; opacity:0.85; } .TourItem_video a:hover {border:34px solid #fff; text-decoration:none !important } .TourItem_video a:hover:after { opacity:1;} .touritemwrapper .TourItem_video {width:100%; padding-right:0; } /* ================================================================================ MEDIA QUERIES ================================================================================ */ #Form .WS4 #homeRijAgd { background-size: auto 100%; background-position:calc(50vw - 1740px) center; /* uitlijing DEZE foto op logo/knoppen/tekst + 120px MARGE (LEFT GRAAG) */ } @media only screen and (min-width:1200px) { #fixTiles { right:15px; } #fixTiles.fixTiles_posLeft { right:auto;left:15px; } .notWS1 #homeRijAgd { background-size:calc(55vw - 85px) auto; } /* calc() 1600+ */ } @media only screen and (max-width:1135px) { #w2wmade { margin-right:75px; } .notWS1 #homeRijAgd { background-size:calc(60vw - 70px) auto; } /* calc() 1600+ */ .WS4 #homeRijAgd { background-size:auto 100%; } /* geen materiaal, slechte foto oude site, andere a/r */ #Form .WS4 #homeRijAgdXXX /* 2019 method */ { background-size: auto 100%; background-position:calc(50vw - 500px) center; /* uitlijing DEZE foto op logo/knoppen/tekst */ background-position:calc(50vw - 620px) center; /* uitlijing DEZE foto op logo/knoppen/tekst + 120px MARGE (LEFT GRAAG) */ background-size: calc(50vw - 480px) 100%; /* BIJBEHORENDE passende breedte, foto veranderen, prima, andere A/R dan dit herberekenen */ } } @media only screen and (min-width:975px) { #Header { background:#fff url(images/header_doorloop.png) no-repeat center top;background-size:100% 150px; } .notWS1 #Header .InnerWrapper { background-image:inherit;background-size:175% 150px;background-position-x:right; /* afd. L half wit R content... uitrekken L 25% en R 75% */ } .WS2 #HeaderWideBg, .WS2 #Header { background-image:url(images/header_doorloop_WS2.png); } .WS3 #HeaderWideBg, .WS3 #Header { background-image:url(images/header_doorloop_WS3.png); } .WS4 #HeaderWideBg, .WS4 #Header { background-image:url(images/header_doorloop_WS4.png); } .WS5 #HeaderWideBg, .WS5 #Header { background-image:url(images/header_doorloop_WS5.png); } .WS6 #HeaderWideBg, .WS6 #Header { background-image:url(images/header_doorloop_WS6.png); } .WS7 #HeaderWideBg, .WS7 #Header { background-image:url(images/header_doorloop_WS7-new.png); } .WS8 #HeaderWideBg, .WS8 #Header { background-image:url(images/header_doorloop_WS8.png); } .WS9 #HeaderWideBg, .WS9 #Header { background-image:url(images/header_doorloop_WS9.png); } .WS10 #HeaderWideBg, .WS10 #Header { background-image:url(images/header_doorloop_WS10.png); } .WS11 #HeaderWideBg, .WS11 #Header { background-image:url(images/header_doorloop_WS11.png); } } /* ------ THREE PANES HORZ (HOME) ------ */ @media only screen and (max-width:1000px) { .isHome .one-third { margin:0px auto 30px auto!important;position:relative; clear:both;float:none;max-width:380px;width:90%; } .isHome.one-third.last{ margin-bottom:0px!important; } } /* ------ HAMB ------ */ @media only screen and (max-width:980px) { #Form .WS4 #HeaderWideBg, .WS4 #Header { background:#ffffff; } #Form .WS4 #Header .InnerWrapper { background:transparent!important; } #Form .WS4 #HeaderWideBg { background:transparent!important; } .WS4 #Header { box-shadow: 0px 12px 0px 0px #fdb932 inset; } .notWS1 .notWS7 .mobRow { display:block!important; } /* OOK WS1 LATER <<<<<<<<<<< */ .notWS1 .mobRow .WideWrapper { overflow:hidden!important; } .notWS1 #homeRijAgd { background-image:none !important; } .notWS1 #MobVis_schuineBg { background:transparent; } .mobRow .afb, .mobRow .schuin, .mobRow .bgcol { position:absolute;display:block;height:inherit; } /* de drie vlakken (overflowing) */ .mobRow .afb { width:60%;left:0px; background-size:cover; background-position:center; } .mobRow .schuin { width:34%;right:12%;transform:skewX(-20deg); } .mobRow .bgcol { width:25%;right:0px; } .mobRow .kl { } #hdrLinks { display:none; } /* in hamb menu! onderin */ #homeRij1 .Container { width:70%;margin-left:6%; } #homeRij1 h1 { font-size:40px; } #homeRij1_SM { right:2vw;bottom:25px; } #homeRij1_onder { padding:5px 0px 0px 0px; margin-left:6%; } #Form #homeRij1_onder_slogan { padding-top:20px;margin-left:0px; } #homeRij1_SM a.smTile.smTile_expL .smTile_Expand { } #LogoBg { background:#e9f5fd;left:-20px;width:30%; } #HeaderWideBg { box-shadow:none; } #Logo { left:initial;right:5%; } #Menu { background:transparent!important; } #footSM { max-width:250px;margin-right:50px; } #logoBottom { margin-left:5%; } #bigZoek { display:none; } .isSeq #SeqBread { margin-top:20px; } .RadMenu, .RadPanelBar,#SubMenu{display:none; } #MobileMenuTrigger, #MobileMenu {display:block; } #Breadcrumb, #dnn_ContentPane { margin-left: 15px!important; margin-right: 15px!important; } .isSeq .two-third {width:80%;width:calc(100%-60px); } #dnn_ContentPane.FullPane { margin-right:0px; } #Header #MobileMenuTrigger {left:52px; } #GoHomeTrigger { display:block; } .isSeq #Content { margin-top: 0px; } .WS5 #MobVis_homeRijAgd .afb, #Form .WS5 #homeRijAgd1400 { background-image:none !important; } .WS6 #MobVis_homeRijAgd .afb, #Form .WS6 #homeRijAgd1400 { background-image:none !important; } .WS7 #MobVis_homeRijAgd .afb, #Form .WS7 #homeRijAgd1400 { background-image:none !important; } .WS8 #MobVis_homeRijAgd .afb, #Form .WS8 #homeRijAgd1400 { background-image:none !important; } /* --- KALENDER --- */ #homeRijAgd_inner { background:transparent; } #homeRijAgd1400 { background:#fefbf2; } #dnn_homeRijAgd { width:80%;margin-left:6vw;float:left; } .WS7 #dnn_homeRijAgd { width:80%;margin-left:30vw;float:left; } .WS8 #dnn_homeRijAgd { width:80%;margin-left:30vw;float:left; } #homeRijAgd .ListNormal, #homeRijAgd .ListAlternate { width:100%!important; } /* knop rechter kolom andere kleur */ #homeRij3 a.KNOP, #homeRij3 a.KNOP div:after { } /* --- VACATURES(BESTUUR) / MEDEL/DOC (NIET-BEST) --- */ #homeRij3 { background:linear-gradient(110deg, #f4c640 0%,#f4c640 73%,#f0b300 73%, #f0b300 100%) } .WideWrapper.fixH295, .WideWrapper.fixH295 .InnerWrapper { min-height:auto!important;padding:0px!important; } .homeRij3a, .homeRij3b { width:75%;margin-left:5%;clear:both;margin-right:0; } .notWS1 #homeRij3 .InnerWrapper, .notWS1 #homeRij4 .InnerWrapper { } .notWS1 #dnn_homeRij3Vlak1 .DnnModule, .notWS1 #dnn_homeRij3Vlak2 .DnnModule, .notWS1 #dnn_homeRij4Vlak1 .DnnModule, .notWS1 #dnn_homeRij4Vlak2 .DnnModule { max-width:75vw;margin-left:6vw; } .notWS1 #dnn_homeRij3Vlak2, .notWS1 #dnn_homeRij4Vlak2 { xmargin-bottom:40px; } .notWS1 #Content #homeRij3 .Container, .notWS1 #Content #homeRij4 .Container { margin-bottom:10px; } /* ------ SITES MET NU ZELFDE KLEUR VLAK 1/2 */ .notWS1 #dnn_homeRij3Vlak1, .notWS1 #dnn_homeRij3Vlak2, .notWS1 #dnn_homeRij4Vlak1, .notWS1 #dnn_homeRij4Vlak2 { width:100%; padding-top:15px; padding-bottom:25px; margin:0px; } /* ------ SITES MET EEN KLEUR VLAK 1/2 */ .WS2 #dnn_homeRij3Vlak2, .WS2 #dnn_homeRij4Vlak2 { padding-top:0px!important; } .WS2 #dnn_homeRij3Vlak1, .WS2 #dnn_homeRij4Vlak1 { padding-bottom:0px!important; } /* < vlakken zelfde kleur, content op elkaar, minder whitespace */ .WS4 .edKNOP #dnn_homeRij4Vlak2 .Normal a { background:#ed7f7b; } /* nu op donker-rood, kleur knop aanp. */ /* niet twee kleur vlakken met teksten dus evt. headers aanpassen:*/ #Body .isHome.WS2 .homeRij3b h2 { color:#f39200!important; } #Body .isHome.WS2 #dnn_homeRij4Vlak1 h2 { color:#26318c!important; } /* achtergrond kleur/schuine aanpassen */ #Body .isHome.notWS1 #homeRij3 .InnerWrapper, #Body .isHome.notWS1 #homeRij4 .InnerWrapper { background:transparent!important; } /* algemeen, niet bestuur */ /* SITE(S) MET ZELFDE KLEUR VLAK 1/2 */ #Body .isHome.WS2 #homeRij3 { background:linear-gradient(110deg, #efedda 0%,#efedda 85%,#f39200 85%, #f39200 100%); } #Body .isHome.WS2 #homeRij4 { background:linear-gradient(110deg, #ffffff 0%,#ffffff 85%,#26318c 85%, #26318c 100%); } #Body .isHome.WS4 #homeRij3 #dnn_homeRij3Vlak1 { background:#fff8ea; } #Body .isHome.WS4 #homeRij3 #dnn_homeRij3Vlak2 { background:#feba31; background:linear-gradient(110deg, #feba31 0%,#feba31 85%,#fff8ea 85%, #fff8ea 100%); background:linear-gradient(110deg, #feba31 0%,#feba31 85%,#f6ce78 85%, #f6ce78 100%); } #Body .isHome.WS4 #dnn_homeRij4Vlak2 h2, #Body .isHome.WS4 #dnn_homeRij4Vlak2 .Normal { color:#ffffff!important; } #Body .isHome.WS4 #homeRij4 { background:linear-gradient(110deg, #ef4136 0%,#ef4136 85%,#ed7f7b 85%, #ed7f7b 100%) } /* VIER KEER ANDERS */ /* #Body .isHome.WS3 #homeRij3 { background:linear-gradient(110deg, #c0240c 0%,#c0240c 85%,#65b450 85%, #65b450 100%); } #Body .isHome.WS3 #homeRij4 { background:linear-gradient(110deg, #3c4092 0%,#3c4092 85%,#ffcc00 85%, #ffcc00 100%); } */ /* #Body .isHome.WS3 #homeRij3 { background:linear-gradient(110deg, #65b450 0%,#65b450 85%,#c0240c 85%, #c0240c 100%); } #Body .isHome.WS3 #homeRij4 { background:linear-gradient(110deg, #ffcc00 0%,#ffcc00 85%,#3c4092 85%, #3c4092 100%); } */ #Body .isHome.WS3 #dnn_homeRij3Vlak1 { background:#c0240c;background:linear-gradient(110deg, #c0240c 0%, #c0240c 92%, #ce6d60 92%, #ce6d60 100%); } #Body .isHome.WS3 #dnn_homeRij3Vlak2 { background:#65b450;background:linear-gradient(110deg, #65b450 0%, #65b450 92%, #ffffff 92%, #ffffff 100%); } #Body .isHome.WS3 #dnn_homeRij4Vlak1 { background:#3c4092;background:linear-gradient(110deg, #3c4092 0%, #3c4092 92%, #787fb7 92%, #787fb7 100%); } #Body .isHome.WS3 #dnn_homeRij4Vlak2 { background:#ffcc00;background:linear-gradient(110deg, #ffcc00 0%, #ffcc00 92%, #3c4092 92%, #3c4092 100%); } /* ---- FOOTER NIET-BETUUR ---- */ .notWS1 #Foot1 { min-height:280px!important; } .WS2.isHome.notWS1 #Foot1 { box-shadow:0px -7px 0px 0px #6a75b3; } .WS3.isHome.notWS1 #Foot1 { box-shadow:0px -7px 0px 0px #c0240c; } .notWS1.isHome #Content { padding-bottom:0px!important; } .notWS1.isSeq #Content { padding-bottom:30px!important; } .notWS1 #Foot1 { min-height:auto;position:relative;clear:both;bottom:auto; } .notWS1 #Foot1 .InnerWrapperFirst { display:block;margin:0px;width:100%;max-width:100%;min-width:100%;overflow:hidden; } .notWS1 #footAdr { position:absolute;display:block;margin-left:330px; } .notWS1 #Foot1 .fW { display:block;clear:both;height:0px;color:transparent; } .notWS1 #logoBottom { position:absolute;height:inherit;display:block;width:100%;max-width:100%;min-width:100%;margin-left:0px; } .notWS1 #logoBottom div { margin-left:6vw;background-position:left 20%; } .notWS1 #back-to-top { bottom:21px; } .notWS1 #footKnoppen { bottom:10px; } .notWS1 #footKnoppenCMS { margin-left:auto;margin-right:55px; } .notWS1 #footKnoppenCMS a.KNOP { float:none; } .notWS1 #footSM { position:absolute;top:auto;bottom:0px;left:0px;display:block;margin:0;width:96%;max-width:96%;min-width:96%;padding:10px 2%; } .notWS1 #footSM a.smTile { float:left; } .WS2 #footSM { background:#262d57; } .WS3 #footSM { background:#262d57; } .WS4 #footKnoppen { bottom:0px; } .WS4 #Foot1 #footKnoppenCMS { margin-left: 6%; margin-right: 24%; width: 70%; text-align: left; } .WS4 #footKnoppen { background:#3c3c3b; z-index:9; height:63px; } .WS7 #logoBottom div { background-size:250px; } .WS9 #Header { background-image: none; } .WS9 #Menu { background-color: transparent !important; } .WS9 #logoBottom div { /* background-size: 150px auto; */ } .WS9 #homeRij1 { background: #ffffff !important; } .WS9 #homeRijAgd_inner { background: #ff7909 !important; } .WS9 #MobVis_homeRijAgd .afb, #Form .WS9 #homeRijAgd1400 { background-image: none!important; transform: translateX(0px); } .WS9 #homeRij3 { background: #8fb823 !important; } .WS9 #dnn_homeRijAgd { width: 100%; float: none; overflow: hidden; } .WS9 #homeRijAgd .InnerWrapper { overflow: hidden;} .WS9 #homeRijAgd .InnerWrapper:before { position: relative; width: 100%; height: 300px; background-position: center!important; } .WS9 #homeRijAgd .InnerWrapper:after { content: none; } .WS9 #homeRij3 .InnerWrapper:before { position: relative; width: 100%; height: 300px; background-position: center !important; } .WS9 #homeRij3 .InnerWrapper:after { content: none; } .WS9 #dnn_homeRij4Vlak1, .WS9 #dnn_homeRij4Vlak2 { width:100%; padding-top:0; padding-bottom:0; margin:0px; } .WS10 #Header { background-image: none; } .WS10 #Menu { background-color: transparent !important; } .WS10 #logoBottom div { background-size: 150px auto; } .WS10 #homeRij1 { background: #ffffff !important; } .WS10 #homeRijAgd_inner { background: #fbefe7 !important; } .WS10 #MobVis_homeRijAgd .afb, #Form .WS10 #homeRijAgd1400 { background-image: none!important; transform: translateX(0px); } .WS10 #homeRij3 { background: #ff7f1c !important; } .WS11 #Header { background-image: none; } .WS11 #Menu { background-color: transparent !important; } .WS11 #logoBottom div { background-size: 150px auto; } .WS11 #homeRij1 { background: #ffffff !important; } .WS11 #homeRijAgd_inner { background: #fbefe7 !important; } .WS11 #MobVis_homeRijAgd .afb, #Form .WS11 #homeRijAgd1400 { background-image: none!important; transform: translateX(0px); } .WS11 #homeRij3 { background: #ff7f1c !important; } } /* --- FOOTER [tablet] ---- */ @media only screen and (max-width:830px) { .UserMode0.notWS1 #dnn_homeRijAgd .DnnModule.DnnModule-ICRArticles_Viewer, .UserMode0.notWS1 #dnn_homeRijAgd .DnnModule.DnnModule-DNN_Events { width:75vw;max-width:420px;margin-left:0; } .WS1 #Foot1 { min-height:175px; background:linear-gradient(110deg, #ffffff 0%,#ffffff 81%, #131d49 81%, #131d49 81.5%, #e9f5fd 81.5%, #e9f5fd 100%); } .WS1 #logoBottom { margin-right:0; } .WS1 #footAdr {clear:both;margin:0 0 0 5%;transform:translate(0,-10px); } .WS1 #footSM { float:left;margin-top:-75px; } .WS1 #Foot1 #footSM { max-width:125px; } #Foot1 a.smTile { margin-bottom:10px; } .WS1 #Foot1 #footSM .smTile_Expand { display:none!important; } .WS1 #Foot2 { background-size:175% 100%; } /* resp. */ .WS1.isSeq #Content, #Content { padding-bottom:210px!important; } #homeRij1_onder_slogan { clear:both;display:block; } } @media only screen and (max-width:768px) { #Search, #Footer #Logo2, #Login, .flickity-page-dots, #Breadcrumb, #icrPager, .pubControls {display:none; } #BigBanner { background-size:auto 115%!important; } .notWS1 #BigBanner { height:33vh!important; } /* flick. bij niet bestuur! */ .isSeq #Content { background:transparent url(images/seq_bottom_bg.png) no-repeat center bottom!important; } /* overwrite... naar full width... */ .isSeq .InnerWrapper.SubPanesWrapper { background:none!important; } .notWS1 #footKnoppen {display:none} /*aanpassinge Paddings en Fonts*/ h1 { font-size:40px;padding:0; } h2 { font-size:26px; } #Form .isHome h2 { font-size:32px; } .WS7 #MobVis_homeRijAgd1400 {background-color:#fff;} #Breadcrumb, #dnn_ContentPane { margin-left:15px!important; } .isSeq .two-third {width:90%;width:calc(100% - 15px); } #dnn_ContentPane.FullPane { margin-right:25px; } .pubArticleHomeViewer h1 {padding:0 0 10px 0} .pubArticleHomeViewer .pubItem { padding:0 0 20px 0} .pubArticleHomeViewer .pubItem .pubSummary { padding:0; } .pubArticleHomeViewer .pubItem .pubTitle { padding:20px 0 10px 0} .SubTab .row1 {padding-top:75px; } .row3 {padding:10px 0 0 0} .SchoolFilmPane, .NieuwsBriefPane, .TwitterPane {padding:0} #Content .Container {margin-bottom:25px; } /*events*/ .ModDNNEventsC .ThemeMinimalExtropy .EventItem {padding-bottom:15px; } .ThemeDefault .EventDay .EventDayScroll > div > a { padding:0 !important;width:23px !important;text-indent:30px;position:relative} .ThemeDefault .EventDay .EventDayScroll > div > a:before { content:"\f14a";color:#fff !important;width:23px;height:23px;line-height:23px;text-align:center;position:absolute;left:0;top:0;text-indent:0;font-family:'Ionicons';font-size:19px; } /*LightBox Aanpassingen voor PhotoModule*/ #jquery-lightbox {} #jquery-lightbox #lightbox-container-image-box { width:auto !important;height:100% !important;min-height:150px; } #jquery-lightbox #lightbox-container-image-box #lightbox-image { width:100% !important; } #jquery-lightbox #lightbox-container-image-data-box { width:100% !important} #jquery-lightbox #lightbox-container-image-details-currentNumber { display:none !important; } #jquery-lightbox #lightbox-container-image-details-nav{ display:none !important; } /*ContactFormulier */ .ModLesscherContactFormC {} .ModLesscherContactFormC .dnnFormItem{} .ModLesscherContactFormC .dnnFormItem .dnnLabel { width:100%;text-align:left;padding:0 !important;margin:0 !important} .ModLesscherContactFormC .dnnFormItem .dnnLabel + input[type="text"] { width:100% !important;padding:8px 0 !important;max-width:none !important } .ModLesscherContactFormC .dnnFormItem .dnnLabel + textarea { width:100% !important;padding:8px 0 !important;max-width:none !important } .ModLesscherContactFormC .dnnFormItem .dnnLabel + img[id*="captchaImage"] { width:100% !important; } /*footer */ #Footer .FooterPane {margin:0;padding-top:13px;display:block;text-align:center} /* xxx #Footer .SocialMediaIcons {position:relative;top:auto;right:auto;display:block;max-width:100%;padding:15px 0;text-align:center} */ } @media only screen and (max-width:640px) { #homeRijAgd .time { margin-right:10px; } #homeRij1_onder_logoVCPOZ { clear:both; display:block; margin-left:0px; margin-bottom:20px; } .WS9 #homeRijAgd .InnerWrapper:before, .WS9 #homeRij3 .InnerWrapper:before { height: 200px; } } @media only screen and (max-width:560px) { .notWS1 #Foot1 { min-height:440px!important } /* ---------- footer supersmall */ .notWS1 #logoBottom div { background-position:left 40px; } .notWS1 #footAdr { margin-left:6vw;top:160px; } .notWS1 #footKnoppen { } .notWS1 #Foot1 #footSM { height:106px; } .notWS1 #Foot1 #footKnoppenCMS { } #Breadcrumb { display:none; } #dnn_ContentPane { margin-left:10px!important; } .isSeq .two-third {width:100%; } #dnn_ContentPane.FullPane { margin-right:15px; } } /* --- FOOTER [mobile] ---- */ @media only screen and (max-width:535px) { #Foot1 { min-height:250px; background:linear-gradient(110deg, #ffffff 0%,#ffffff 93.5%, #131d49 93.5%, #131d49 95%, #e9f5fd 95%, #e9f5fd 100%); } #footSM { clear:both;margin-top:-75px;margin-left:2%; } #Foot1 #footSM { max-width:260px;margin-top:20px; } } @media only screen and (max-width:520px) { #MobVis_homeRijAgd1400 h2 { display:none; } #homeRijAgd_inner h2 { display:block; } .sw-calendar.upcoming .sw-calendar-item-title {float:none; font-size:16px;} .sw-calendar.upcoming .sw-calendar-item-dates {margin-bottom:20px;} .sw-calendar-list-link:after {display:none;} .sw-calendar-footer {white-space:nowrap;} .sw-calendar-list-link {padding: 0px 15px 0px 15px;} } @media only screen and (max-width:485px) { #fixTiles.show { display:none!important; } #dnn_ContentPane { margin-left: 5px!important; margin-right: 5px!important; } } @media only screen and (max-width:450px){ /*Header #Header #MobileMenuTrigger {right:0px; } */ #BigBanner { background-size:auto 115%!important; } /* tekst header leesbaar houden .... */ #Logo { right:3%;transform:scale(.85);transform-origin:center right; } #w2wmade { display:none; } #homeRij3 a.KNOP{ height:auto; } #homeRij3 a.KNOP div { margin:0px 12px 3px 0px; } /* schuine gedeelte weg, geen ruimte */ #homeRij3 a.KNOP div:after { display:none; } .WS7 #Logo{width:240px; background-size:200px;} .WS7 .edKNOP .Normal a:after {display:none;} .edKNOP .Normal a, .edKNOP .RandomView a, a.KNOP {font-size:18px;} .pubArticleHomeViewer .pubItem .pubItemWrapper .pubContent .pubTitle {font-size:16px;} .sw-timeline.recent .sw-timeline-post {width:100%;} .sw-timeline.recent .sw-timeline-post .post-content:after { background: none;} }