@import url("fonts/HeutinkIcons/style.css"); /* ================================================================================ FONTS ================================================================================ */ @font-face { font-family: 'dinpro'; src: url('fonts/DinPro/dinpro-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinpro'; src: url('fonts/DinPro/dinpro-light-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'dinpro'; src: url('fonts/DinPro/dinpro-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face{font-family: 'din-condensed'; } @font-face { font-family: 'Ionicons'; src: url('fonts/Ionicons/ionicons.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face{ font-family: din-condensed, sans-serif; font-style: normal; font-weight: 300; } /* ================================================================================ IONICONS ================================================================================ */ /* ================================================================================ GENERIEK ================================================================================ */ html, body, #Body {font-size:16px;} html { margin:0px; padding:0px; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0,0,0,0); } body {text-align: left; font-family: 'dinpro', Arial; font-weight:400; line-height: 1.5;} #Body {color:#2b2b2b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* HEADINGS */ H1, H2, H3, H4, H5 { font-family: 'dinpro', Arial; font-weight:400; color: #2b2b2b; line-height:1.25; margin-top:0; margin-bottom:10px; } H1 span, H2 span, H3 span, H4 span, H5 span { color:#e30f19} H1 {font-size:48px; } H2 {font-size:32px; } H3 {font-size:26px; } H4 {font-size:24px; font-weight:700; text-transform:uppercase; } H5 {font-size:16px; } p { margin:0; padding-bottom:20px;} i { font-style: normal; line-height:1; vertical-align:top; } /* LINKS */ A:link {color: #2b2b2b; text-decoration: none; } A:visited {color: #2b2b2b; text-decoration: none; } A:hover {color: #2b2b2b; text-decoration:underline; } A:hover *, a.NoUnderLine:hover {text-decoration: none !important;} A:active {color: #2b2b2b; text-decoration: none;} #Panes A:link, #Panes A:visited, #Panes A:hover, #Panes A:active{color: #e30f19;} #Footer A:link, #Footer A:visited, #Footer A:hover, #Footer A:active, #Panes .ContentRow8 a{color: #2b2b2b;} /* TABLES */ table {font-size: inherit; } table tr {} table tr th {} table tr td { vertical-align:top;} div.table { display:table; border-collapse:separate;border-spacing:2px} div.table div.row {display:table-row;} div.table div.cell {display:table-cell; padding:5px 40px 5px 10px; vertical-align:top;} /* DNN SPECIFIC */ .Head, .SubHead, .SubSubHead, .Normal, .NormalTextBox, .NormalRed, .NormalBold, .CommandButton { font-family: 'dinpro', Arial; line-height:inherit; font-size:inherit; color:inherit; font-weight:inherit } /* COMMON ISSUES */ img {border: 0px; max-width:100%} .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} .MenuWrapper .DnnModule { position:static} .DNNEmptyPane.dnnSortable { min-height:0 !important} ::selection { background: #e30f19;} ::-moz-selection { background: #e30f19; } /* sexy content off */ .sc-content-block-menu{display:none !important;} #Wrapper .sc-menu {display:none !important;} .dnnEditState #Wrapper .sc-menu {display:block !important;} .ParentNamestijlen .glyph { display:inline-block; padding-right:90px;} /* ================================================================================ FONTS ================================================================================ */ .FontRegular, a.FontRegular, a.FontRegular:link, .Regular {font-family: 'dinpro', Arial; font-weight:400} .FontBold, a.FontBold:link, a.FontBold, .bold, .Bold { font-family: 'dinpro', Arial; font-weight:700} .FontLight, a.FontLight:link, a.FontLight, .Light { font-family: 'dinpro', Arial; font-weight:300 !important;} .FontItalic { font-style:italic;} .LargeFont { font-size:20px; line-height:1.75;} .FontDot {font-family: 'Times New Roman', 'Times', Serif; color: #e30f19; font-size: 1.5em; } .FontSize14 {font-size:14px;} .FontSize16 {font-size:16px} .FontSize18 {font-size:18px} .FontSize20 {font-size:20px} .FontSize22 {font-size:22px} .FontSize24 { font-size:24px;} .FontSize26 { font-size:26px;} .FontSize30 { font-size:30px;} .FontSize32 { font-size:32px;} .FontSize36 { font-size:36px;} .FontSize48 { font-size:48px;} .FontSize76 { font-size:76px;} .TextAlignCenter, .TextCenter { text-align:center} .TextAlignLeft, .TextLeft{ text-align:left} .TextRight, .TextAlignRight { text-align:right} /* grijs : 747d84 */ /* paars : 8b3989 */ /* groen : 90bf6d */ /* oranje : dc911b */ /* rood : e30f19 */ .TextWit, a.TextWit:link, a.TextWit:visited, a.TextWit { color:#fff;} .TextLichtGrijs, a.TextLichtGrijs:link, a.TextLichtGrijs:visited, a.TextLichtGrijs {color:#d9d9d9;} .TextGrijs, a.TextGrijs:link, a.TextGrijs:visited, a.TextGrijs {color:#747d84;} .TextPaars, a.TextPaars:link, a.TextPaars:visited, a.TextPaars {color:#8b3989;} .TextGroen, a.TextGroen:link, a.TextGroen:visited, a.TextGroen {color:#90bf6d;} .TextOranje, a.TextOranje:link, a.TextOranje:visited, a.TextOranje {color:#dc911b;} .TextRood, a.TextRood:link, a.TextRood:visited, a.TextRood {color:#e30f19;} .backgroundColorWit {background-color:#fff;} .TwoColomnText{column-gap: 40px; column-count: 2;} .ThreeColomnText{column-gap: 40px; column-count: 3;} /* ================================================================================ Lists ================================================================================ */ ul.DottedList { list-style:none; margin-left:0;} ul.DottedList li { position:relative; list-style:none; margin-left:1rem; line-height:1.5; padding:2px 0; } ul.DottedList li:before { content:"\2022"; top:0; font-family:Arial; color:#e30f19; left:-1rem; position:absolute; top:0; display:inline-block; vertical-align:middle; font-size:1.5em; } ul.CheckedList { list-style:none; margin-left:0;} ul.CheckedList li { position:relative; list-style:none; margin-left:1.75rem; line-height:1.5; padding:2px 0; } ul.CheckedList li:before { content:"\f122"; top:0; font-family: 'Ionicons'; color:#e30f19; left:-1.75rem; display:inline-block; vertical-align:middle; font-size:1.25em; position:absolute } ul.CheckedList.Rood li:before {color:#e30f19;} ul.CheckedList.LichtGrijs li:before {color:#c5c5c5;} ul.CheckedList.Grijs li:before {color:#747d84;} ul.CheckedList.Paars li:before {color:#8b3989;} ul.CheckedList.Groen li:before {color:#90bf6d;} ul.CheckedList.Oranje li:before {color:#dc911b;} ul.CheckedList.Wit li:before {color:#fff;} /* ================================================================================ Spaces ================================================================================ */ .Padding0 { padding:0rem;} .Padding20 { padding:20px;} .Padding30 { padding:30px;} .Padding40 { padding:40px;} .Padding60 { padding:60px;} .Padding80 { padding:80px;} .Padding100 { padding:100px;} .PaddingBottom0 { padding-bottom:0; } .PaddingBottom10 { padding-bottom:10px; } .PaddingBottom20 { padding-bottom:20px; } .PaddingBottom30 { padding-bottom:30px; } .PaddingBottom40 { padding-bottom:40px;} .PaddingBottom60 { padding-bottom:60px;} .PaddingBottom80 { padding-bottom:80px;} .PaddingBottom100 { padding-bottom:100px;} .PaddingTop0 { padding-top:0;} .PaddingTop20 { padding-top:20px;} .PaddingTop30 { padding-top:30px;} .PaddingTop40 { padding-top:40px;} .PaddingTop50 { padding-top:50px;} .PaddingTop60 { padding-top:60px;} .PaddingTop80 { padding-top:80px;} .PaddingTop100 { padding-top:100px;} .PaddingRight20 { padding-right:20px; } .PaddingRight30 { padding-right:30px;} .PaddingRight40 { padding-right:40px;} .PaddingRight60 { padding-right:60px;} .PaddingRight80 { padding-right:80px;} .PaddingRight100 { padding-right:100px;} .PaddingLeft20 { padding-left:20px; } .PaddingLeft30 { padding-left:30px; } .PaddingLeft40 { padding-left:40px;} .PaddingLeft60 { padding-left:60px;} .PaddingLeft80 { padding-left:80px;} .PaddingLeft100 { padding-left:100px;} .MarginBottom0 { margin-bottom:0;} .MarginBottom20 { margin-bottom:20px; } .MarginBottom30 { margin-bottom:30px; } .MarginBottom40 { margin-bottom:40px;} .MarginBottom60 { margin-bottom:60px;} .MarginBottom80 { margin-bottom:80px;} .MarginBottom100 { margin-bottom:100px;} .MarginTop0 { margin-top:0;} .MarginTop20 { margin-top:20px;} .MarginTop30 { margin-top:30px;} .MarginTop40 { margin-top:40px;} .MarginTop60 { margin-top:60px;} .MarginTop80 { margin-top:80px;} .MarginTop100 { margin-top:100px;} .MarginRight10 { margin-right:10px; } .MarginRight20 { margin-right:20px; } .MarginRight30 { margin-right:30px; } .MarginRight40 { margin-right:40px;} .MarginRight60 { margin-right:60px;} .MarginRight80 { margin-right:80px;} .MarginRight100 { margin-right:100px;} .MarginLeft10 { margin-left:10px; } .MarginLeft20 { margin-left:20px; } .MarginLeft30 { margin-right:30px; } .MarginLeft40 { margin-left:40px;} .MarginLeft60 { margin-left:60px;} .MarginLeft80 { margin-left:80px;} .MarginLeft100 { margin-left:100px;} .MarginAuto { margin-left:auto !important; margin-right:auto !important;} .InlineBlock {display:inline-block; float:none !important} .Margin0 { margin:0;} .Padding0 { padding:0;} .RoundedImage { border-radius: 50%; border: 2px solid currentColor; display: inline-block; margin-bottom: 10px; } .BorderRadius { border-radius:5px;} /* ================================================================================ Positie en element styling ================================================================================ */ .NoFloat, .noFloat { float:none !important} .InlineBlock { display:inline-block} .NoWrap { white-space:nowrap} .FlexBox, .FlexBoxWrapper, .FlexWrapper { display:-webkit-flex; display:flex; } .FlexWrap { -webkit-flex-wrap:wrap; flex-wrap:wrap;} .AlignItems { -webkit-align-items:center; align-items:center;} .SpaceBetween { -webkit-justify-content: space-around; justify-content: space-around; } .SpaceAround { -webkit-justify-content: space-between; justify-content: space-between; } .PositionRelative { position:relative} .PositionRightBottom { position:absolute; right:0; bottom:0;} .PositionLeftBottom { position:absolute; left:0; bottom:0;} .MaxWidth { max-width:100%;} .Width100 { width:100%;} .ResponsiveImage { width:100%;} .HideInMobile {} .HideInDesktop { display:none;} .Break { display:block;} .AnchorTarget { position:relative; top:-56px;} /*HR Styles */ hr.Solid {height:0; border:0; border-bottom:1px solid #d8d8d8} /* ================================================================================ SOCIAL MEDIA BUTTONS ================================================================================ */ .SocialMediaButton { height:24px; width:24px; text-align:center; border-radius:3px; display:inline-block; margin-right:12px; line-height:24px; font-size:16px; font-family: 'Ionicons' !important; color:#fff !important;} .SocialMediaButton:hover { text-decoration:none !important;} .SocialMediaButton.Twitter { background-color:#28a6dc;} .SocialMediaButton.Mail { background-color:#f4c032;} .SocialMediaButton.Youtube{ background-color:#cc181e;} .SocialMediaButton.Facebook{ background-color:#3a5795;} .SocialMediaButton.Linkedin{ background-color:#0778b9;} .SocialMediaButton.Googleplus{ background-color:#d73d32;} .SocialMediaButton:hover { background-color:#294154 !important;} /* ================================================================================ Big Video Player ================================================================================ */ .VideoPlayOverlay { position:relative; display:inline-block; cursor:pointer;} .VideoPlayOverlay:after {box-shadow:0 0 10px rgba(0,0,0,0.8);text-indent:4px; background-color:#e30f19; height:34px; border-radius:50%; width:34px; line-height:34px; text-align:center; position:absolute; top:50%; left:50%; content:"\f215"; font-family: 'Ionicons' !important; font-size:20px; z-index:10; color:#fff !important; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } .VideoPlayOverlay:before {content:""; position:absolute; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,0); z-index:5; -webkit-transition:background-color 0.3s ease; transition:background-color 0.3s ease; } .VideoPlayOverlay:hover:before {background-color:rgba(0,0,0,0.4);} .ImageOverlay { position:relative;display:inline-block; cursor:pointer;} .ImageOverlay:before { opacity:0; position:absolute; content:"\f4a5"; top:50%; left:50%; color:#fff; font-family: "Ionicons"; transform:translate(-50%,-50%); font-size:40px; z-index:10} .ImageOverlay:after { position:absolute; content:""; height:100%; width:100%; top:0; left:0; background-color:rgba(0,0,0,0); -webkit-transition:all 0.225s ease; transition:all 0.225s ease; z-index:5; } .ImageOverlay:hover:after {background-color:rgba(0,0,0,0.4);} .ImageOverlay:hover:before { opacity:1} *[class*="ShowMoreToggle"] { border-radius:5px;} /* ================================================================================ ToolTips ================================================================================ */ .tooltip{ border-bottom: 0px dashed #999;} .dark-tooltip.dark { background-color:#747d84 !important;} /* ================================================================================ BUTTONS ================================================================================ */ a.Knop {margin-bottom:10px; vertical-align:top;} a.Knop, a .Knop, .Theme_Normal_Default .form_submit input[type='submit'], .Theme_Responsive_Default .form_submit input[type='submit'], .Theme_Responsive_Default .form_submit input[type='reset'] {font-family: 'dinpro', Arial; font-weight:400; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:40px; border:1px solid #e30f19; background-color:#e30f19; background-image: none; color:#fff !important; padding:0 20px; cursor:pointer; display:inline-block; vertical-align:middle; border-radius:3px; transition:all 0.225s ease;} a.Knop.NoMaxWidth { max-width:none;} a.Knop:not([class*="ion-"]):after, .Theme_Normal_Default .form_submit input[type='submit']:after, .Theme_Responsive_Default .form_submit input[type='submit']:after { content:"\f125"; display:inline-block; padding-left:10px; vertical-align:top; font-family: "Ionicons";} a.Knop:hover, .Theme_Normal_Default .form_submit input[type='submit']:hover, .Theme_Responsive_Default .form_submit input[type='submit']:hover { background-color:#fff; color:#e30f19 !important; text-decoration:none !important} .Theme_Responsive_Default .form_submit input[type='reset'] {border:1px solid #747d84; background-color:#747d84 } .Theme_Responsive_Default .form_submit input[type='reset']:after { content:"\f125"; display:inline-block; padding-left:10px; vertical-align:top; font-family: "Ionicons";} .Theme_Responsive_Default .form_submit input[type='reset']:hover { background-color:#fff; color:#747d84 !important; text-decoration:none !important} a.Knop.Small {line-height:36px;} a.Knop.Mini { line-height:30px; font-size:14px} /* grijs : 747d84 */ /* paars : 8b3989 */ /* groen : 90bf6d */ /* oranje : dc911b */ /* rood : e30f19 */ a.Knop.Grijs {border:1px solid #747d84; background-color:#747d84} a.Knop.Grijs:hover { color:#747d84 !important; background-color:#fff;} a.Knop.Transparent {border:1px solid #FFF; background-color:transparent} a.Knop.Transparent:hover { color:#000 !important; background-color:#fff;} a.Knop.Paars, .Theme_Normal_Default .form_submit input[type='submit'] {border:1px solid #8b3989; background-color:#8b3989} a.Knop.Paars:hover, .Theme_Normal_Default .form_submit input[type='submit']:hover { color:#8b3989 !important; background-color:#fff;} a.Knop.Groen{border:1px solid #90bf6d; background-color:#90bf6d} a.Knop.Groen:hover{color:#90bf6d !important; background-color:#fff;} a.Knop.Oranje{border:1px solid #dc911b; background-color:#dc911b} a.Knop.Oranje:hover{color:#dc911b !important; background-color:#fff;} a.Knop.Rood{border:1px solid #e30f19; background-color:#e30f19} a.Knop.Rood:hover{color:#e30f19 !important; background-color:#fff;} #Panes a.FollowBefore, #Panes a.FollowAfter{color:#2b2b2b;} .FollowBefore:before, a.FollowBefore:before, a .FollowBefore:before {content:"\f125"; display:inline-block; padding-right:10px; vertical-align:middle; font-size:0.6em; font-family: "Ionicons"; color:#e30f19 !important;} .FollowAfter:after, a.FollowAfter:after, a .FollowAfter:after {content:"\f125"; display:inline-block; padding-left:10px; vertical-align:middle; font-size:0.6em; font-family: "Ionicons"; color:#e30f19 !important;} .FollowAfter.ArrowDown:after, a.FollowAfter.ArrowDown:after, a .FollowAfter.ArrowDown:after, a.Knop.ArrowDown:after {content:"\f123"; } .FollowAfter.ArrowRight:after, a.FollowAfter.ArrowRight:after, a .FollowAfter.ArrowRight:after, a.Knop.ArrowRight:after {content:"\f125"; line-height:43px; } a.Knop[class^="ion-"]:after, a.Knop[class*=" ion-"]:after { line-height:inherit; vertical-align:top; font-size:1.5em; padding-left:10px;} a.Knop *[class^="ion-"]:after, a.Knop *[class*=" ion-"]:after{ line-height:inherit; vertical-align:top; font-size:1.5em; padding-right:10px;} /* ================================================================================ MAIN LAYOUT ================================================================================ */ #Wrapper { min-height:100%; background-color: #ffffff; text-align: left;} .InnerWrapper { max-width:1290px; margin:0 auto; padding:0 30px;} /* ================================================================================ HEADER ================================================================================ */ .Header-Top { background-color:#f2f2f2;} .Header-Top .SearchInnerWrapper {overflow:hidden; height:0; transition:all 0.5s ease; transform:translateY(-100%); text-align:right; } .Header-Top .SearchInnerWrapper.active { height:50px; transform:translateY(0%); padding:30px 0} .Header-Top #dnn_dnnSEARCH_ClassicSearch .NormalTextBox {line-height:38px; border:0; background-color:#fff; padding:0 30px; min-width:400px} .Header-Top #dnn_dnnSEARCH_ClassicSearch .SkinObject { display:inline-block; height:36px; line-height:36px; border:1px solid #e30f19; background-color:#e30f19; color:#fff; padding:0 30px; margin-left:10px; border-radius:3px; transition:all 0.225s ease; } .Header-Top #dnn_dnnSEARCH_ClassicSearch .SkinObject:hover { text-decoration:none; color:#e30f19; background-color:#fff;} .Header-Top #dnn_dnnSEARCH_ClassicSearch .searchSkinObjectPreview {display:none;} .Header-Top #dnn_dnnSEARCH_ClassicSearch .searchInputContainer a.dnnSearchBoxClearText{margin:0; top:13px;} .Header-Top .Header-Top-Left {float:left; } .Header-Top .Header-Top-Left .Header-Top-Left_link{ display:inline-block;line-height:42px; color:#e30f19; font-weight:700; font-size:14px;margin-right:0px; color:#747d84; font-weight:400; margin-left:65px; vertical-align:top} .Header-Top .Header-Top-Left .Header-Top-Left_link:hover{text-decoration:none;} .Header-Top .Header-Top-Left .Header-Top-Left_link span {display:inline-block; vertical-align:middle;} .Header-Top .Header-Top-Left .Header-Top-Left_link span.normal:after{ font-family: "Ionicons"; content:"\f4b9"; display:inline-block; font-weight:400;margin-left:10px; margin-right:5px; font-size:20px; color:#747d84; vertical-align:middle} .Header-Top .Header-Top-Left .Header-Top-Left_link span.red{color:#e30f19; font-weight:bold;} .Header-Top .Header-Top-Right {float:right;} .Header-Top .Header-Top-Right .Header-Top-Right_link { display:inline-block; line-height:44px; padding:0 20px; cursor:pointer; font-size:14px; color:#747d84 !important} .Header-Top .Header-Top-Right .Header-Top-Right_link:hover, .Header-Top .Header-Top-Right .Header-Top-Right_link.active {background-color:#fff; text-decoration:none; } .Header-Top .Header-Top-Right .Header-Top-Right_link.ToggleSearch:before{content:url(images/search.png); display:inline-block; padding-right:5px; font-size:14px; vertical-align:middle } .Header-Top .Header-Top-Right .Header-Top-Right_link.shop:before{content:url(images/shop.png); display:inline-block; padding-right:5px; font-size:14px; vertical-align:middle } .Header-Top .Header-Top-Right .Header-Top-Right_link.einloggen:before{font-family:"Ionicons"; content:"\f200"; display:inline-block; padding-right:5px; font-size:14px; vertical-align:middle } .Header-Bottom { background-color:#eae9e9;} .Header-Bottom #Logo {float:left; line-height:72px; } .Header-Bottom #Logo #LogoImage { display:inline-block; vertical-align:top; } .Header-Bottom #Logo .LogoText {font-weight:300; display:inline-block; vertical-align:top; margin:25px 0 0 10px; padding-left:10px; line-height:32px;border-left:1px solid #fff; font-size:24px; color:#e30f19; } /* Fixed Header */ #Header { position:fixed; width:100%; top:0; left:0; z-index:910; /*box-shadow:0px 0px 4px 0px rgba(0,0,0,0.1)*/} #Wrapper {padding-top:118px} #Header .MenuItem .MenuItemLink, #Header .Header-Bottom #Logo .LogoText, #Header .Header-Bottom #Logo { transition:all 0.3s; } #Header.active .Header-Bottom #Logo {line-height: 48px; } #Header.active .Header-Bottom #Logo .LogoText { margin-top: 10px;} #Header.active .MenuItem .MenuItemLink { height: 48px; line-height: 48px;} #Header.active .MobileMenuIcons, #Header.active #MobileMenuTrigger{top:0 !important} /* Menu verlagen i.v.m. ControlBar */ .MenuLager {margin-top: 54px;} /* ================================================================================ MENU ================================================================================ */ .MenuWrapper { float:right;} .MenuWrapper .Container {padding:0;} .MenuClose {display:none; background-color:#fff;padding:20px 0; text-align:right; line-height:40px;font-family: "Ionicons"; font-size: 40px; padding-right:20px;} .MenuClose:after {content:"\f129"; } .MenuItems {padding:0; margin:0;} .MenuItem { display:inline-block; margin-right:-4px;} .MenuItem .MenuItemLink {line-height:72px; color:#747d84 !important; height:72px; padding:0 16px; display:inline-block; position:relative; z-index:101; } .MenuItem.Expandtrue .MenuItemLink:after{content:"\f3d0"; font-family: "Ionicons"; display:inline-block; padding-left:10px} .SubMenuItem {color:#747d84 !important; overflow:hidden; transition:opacity 0.65s ease; opacity:0; height:0; box-sizing:border-box; padding: 0; position:absolute; left:0; width:100%; background-color:#ffffff; z-index:100; box-shadow:0px 0px 8px 0px rgba(0,0,0,0.1);} .MenuItem.Expandfalse .SubMenuItem{display:none;} .MenuItem:hover .MenuItemLink, .MenuItem .MenuItemLink.High { background-color:#fff; color:#e30f19 !important; text-decoration:none;} .MenuItem.Expandtrue:hover .SubMenuItem { height:auto; padding:60px 0;} .MenuItem.Expandtrue.active:hover .SubMenuItem {opacity:1;} /* ================================================================================ MOBILE MENU ================================================================================ */ #MobileMenu { display: none; float:right; position: relative;} #MobileNavWrapper { background-color:#e45225; } .MobileMenuFooter, .mobile-menu { background-color:#fff;} #MobileNavWrapper, .MobileMenuFooter, .MobileMenuFooter a, #MenuClose, .nav-link.hasChild:before, .menu__back:hover, .menu__back:focus {color:#2b2b2b;} .MobileMenuFooter a{font-family: "Ionicons"; color:#e30f19;} #MobileMenuTrigger { color:#2b2b2b; background-color:transparent; text-align:center; font-family: "Ionicons"; cursor:pointer; display: block; position: absolute !important; left: auto !important; right: 0px; top: 15px !important; width: 50px; height: 50px; font-size: 35px !important;} #MobileMenuTrigger:hover { color: #e30f19;} #MobileMenu #MenuClose{color:#e30f19; top:12px !important;} .nav-go {color: #2b2b2b !important;} .nav-item.active .nav-go, .nav-item.active .nav-link:before { color:#e30f19 !important} .menu__breadcrumbs a, .menu__breadcrumbs a:hover, .menu__breadcrumbs a:not(:last-child)::after, .menu__breadcrumbs a:not(:last-child):hover::after, .menu__back {color: #e30f19;} #MobileMenu nav { text-align:left;} #MobileMenu nav , #MobileMenu nav a{color:#747d84;} .MobileMenuIcons { position: absolute !important; right: 55px; top: 15px !important; width: 180px; height: 50px; font-size: 35px !important; text-align: right;} .MobileMenuIcons .MobileMenuIcon { display: inline-block; margin: 0 0 0 5px; padding: 0 5px; font-family: 'Ionicons'; } .MobileMenuIcons .MobileMenuIcon:hover { text-decoration: none; color: #e30f19;} /* ================================================================================ PANES ================================================================================ */ #Panes {position:relative } .one-half, .one-third, .two-third, .one-fourth, .two-fifth, .three-fifth, .three-fourth, .one-fifth, .four-fifth, .one-sixth {float:left; margin-right:4%; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .two-fifth.last, .three-fifth.last, .three-fourth.last, .one-fifth.last, .four-fifth.last, .one-sixth.last, .last, .one-half.lasttrue, .one-third.lasttrue, .two-third.lasttrue, .one-fourth.lasttrue, .two-fifth.lasttrue, .three-fifth.lasttrue, .three-fourth.lasttrue, .one-fifth.lasttrue, .four-fifth.lasttrue, .one-sixth.lasttrue, .lasttrue { margin-right:0;} .FullPane {width:100%} .one-half { width: 48%;} .one-third { width: 30.66666% } .two-third { width: 65.33333%} .one-fourth {width:22%;} .three-fourth { width:74%;} .one-fifth {width:16.8%} .two-fifth { width:38.4%} .three-fifth { width:57.6%} .four-fifth { width:79.2%} .one-sixth {width:13.33%} /* ================================================================================ Footer ================================================================================ */ #Footer .Footer-Middle { background-color:#f2f2f2; line-height:44px;} .CopyRight {display:inline-block; padding-right:20px; color:#747d84;} .SMWrapper { white-space:nowrap; display:inline-block} .SMIcon {font-family: "Ionicons" !important; display:inline-block; height:44px; padding:0 10px; text-align:center; line-height:44px; font-size:20px; color:#747d84 !important; margin:0; -webkit-transition:all .12s ease-in-out; transition:all .12s ease-in-out; } .SMIcon.SMIconXing{background-image: url(images/SMIcon_Xing.png); background-repeat: no-repeat; background-position: center center; display: inline-block; margin-bottom: -15px; height: 44px; width: 20px;} .SMIcon:hover { text-decoration:none; background-color:#fff; } .SMIcon.SMIconTwitter:hover { color:#53a8db !important} .SMIcon.SMIconYoutube:hover { color:#ff0000 !important} .SMIcon.SMIconFacebook:hover { color:#365899 !important} .SMIcon.SMIconGoogle:hover { color:#dd5348 !important} .SMIcon.SMIconLinkedin:hover { color:#0077b5 !important} .SMIcon.SMIconXing:hover { color:#00585c !important; background-image: url(images/SMIcon_Xing_selected.png);} .OdinFooter { line-height:74px; position:relative; display:inline-block; color:#747d84; } /*.OdinFooter:after { position:absolute; top:100%; left:44%; content:url(images/homeofit.png);} .OdinFooter:before{position:absolute; top:calc(100% - 0px); left:0px; content:""; height:10px; border-radius:0px 0px 18px 18px; display:block; width:100%; background: -moz-linear-gradient(top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0) 100%);}*/ #Login { text-align:right; } .LoginKey, .LoginKey:visited, .LoginKey:active { width: 18px; height: 18px; font-size: 1rem; display: inline-block; background-image: url(images/login.png); background-repeat: no-repeat; } .LoginKey:hover { width: 18px; height: 18px; font-size: 1rem; background-position: 0px -19px; background-repeat: no-repeat; text-decoration: none !important; } /* ================================================================================ HOME ================================================================================ */ /* .HomeBlokkenWrapper {display:none;} .PageNameHome .HomeBlokkenWrapper {display:block; padding:45px 0 0 0;} .HomeBlokken { align-items: stretch;} .HomeBlokken .one-fifth {flex-grow:1; flex-shrink:1; margin-right:30px; margin-bottom:0;} .HomeBlokken .two-fifth {flex-grow:2; flex-shrink:1; margin-right:30px; margin-bottom:0;} .HomeBlokken .one-half {flex-grow:1; flex-shrink:1; margin-right:30px; margin-bottom:0;} .HomeBlokken .one-fifth.last, .HomeBlokken .two-fifth.last, .HomeBlokken .one-half.last {margin-right:0;} .HomeBlokRow {margin-bottom:30px;} .HomeBlok { background-color:#d9d9d9; min-height:233px; position:relative; } .HomeBlok .Container {padding:0;} .ContentRow7.GreyBlokkenWrapper { background-color:#f2f2f2} .HomeBlok .test {position:absolute;justify-content:center; padding:20px; box-sizing:border-box; background-position:center center; height:100%; text-align:center; align-items:center; color:#fff; font-weight:700; font-size:24px; width:100%; display:flex; left:0; top:0;background-image:url('http://intranet.odin-groep.nl/Portals/36/PUBMOD/6055/Thumbnails/t_free_to_use_background_1080p_green_sun_ray_by_drshmeb-d6pil3a.jpg'); background-size:cover;} */ .ContentRow77{ background-color:#f2f2f2} .ContentRow77 .display1 {margin-top:36px; margin-bottom:16px; text-align:center;} .display1 {font-size:48px; font-family:'dinpro'; margin:30px 0 40px 0;} .ContentRow77 .display1 em{position: relative; font-style: normal; font-weight: normal; font-family: 'dinpro'; font-weight:bold; margin-right: 22px;} .ContentRow77 .display1 em:after{content: '\2022'; position: absolute; right: -22px; bottom: 0; font-family: 'arial'; color: #df201d; line-height: 34px;} .ContentRow77 .display2{text-align:center; line-height:2;} .ContentRow77 .Theme_Responsive_Default{width:50% !important; margin:0 auto;} .ContentRow77 .Theme_Responsive_Default .form_label{display:none;} .ContentRow77 .Theme_Responsive_Default .form_required{display:none;} .ContentRow77 .Theme_Responsive_Default .btn.reset_but{display:none;} .ContentRow77 .Theme_Responsive_Default .form_submit{text-align:center;} .ContentRow77 .Theme_Responsive_Default .form_row.row1{margin-right:2%;} .ContentRow77 .Theme_Responsive_Default .form_row.row1, .ContentRow77 .Theme_Responsive_Default .form_row.row2{width:49%; float:left;} .ContentRow31{background:#EEF0EE;} /* ================================================================================ CONTAINER LAYOUT'S ================================================================================ */ .Container {padding:40px 0;} .Container.NoPadding {padding: 0;} .ContainerGrijs {padding:60px 0; background-color:#f2f2f2} .ContainerGrijs.NoPadding {padding: 0;} .ContainerGrijs .Container {padding:0;} .ContainerDonkerGrijs {padding:15px 0; background-color:#747d84} .ContainerDonkerGrijs.NoPadding {padding: 0;} .ContainerDonkerGrijs .Container {padding: 0;} /* ================================================================================ Breadcrumb ================================================================================ */ .subPageTopWrapper { display:block; line-height:1; padding:30px 0 0 0; position:relative} .BannerPane.DNNEmptyPane + #Panes .subPageTopWrapper {} .BreadcrumWrapper { float:left;} .BreadcrumWrapper a{color:#565655 !important;} .BreadcrumWrapper a:hover{text-decoration:none; color:#e30f19;} span.BreadcrumbContainer { color:#565655; font-weight:700;} span.BreadcrumbContainer a {font-weight:400} a.BreadcrumbContainer:link, .BreadcrumWrapper a:link { color:#565655;} .SocialShareWrapper { float:right;} .SocialShareNews .SocialShareWrapper { float:left; display:none;} .CounterWrappers.active /*+ .BreadcrumWrapper*/ {display:none;} .CounterWrappers.active/* ~ .SocialShareWrapper */ {display:none;} .CounterWrappers .CounterWrapper {display:none;} .CounterWrappers .CounterWrapper + .CounterWrapper {/*padding-left:10px;*/} /* ================================================================================ Scroll 2 top ================================================================================ */ #back-to-top {display:none; position:fixed; bottom:10px; right:10px; height:50px; width:50px; background-color:rgba(22,36,45,0.3); background-repeat:no-repeat; background-position:center center; border:1px solid rgba(0,0,0,0.1); z-index:910;transition:all .12s ease-in-out; -webkit-transition:all .12s ease-in-out; border-radius:3px;} #back-to-top:before {content:"\f126"; position:absolute; top:0; left:0; line-height:50px; font-size:32px; color:#fff; font-family: "Ionicons"; display:block; height:50px; width:50px; text-align:center} #back-to-top:hover {background-color:rgba(22,36,45,1);} /* ================================================================================ VIDEO KNOP ================================================================================ */ .knop.large{font-size:20px; padding:6px 16px;} .knop.large:link, .knop.large:visited, .knop.large:hover, .knop.large:active{background:#cf0723; text-decoration:none; color:#FFF; line-height:38px; border:1px solid #cf0723; border-radius:3px; transition:all .2s ease; display:inline-block; zoom:1;} .knop.large:hover{color:#cf0723; background-color:#FFF; border:1px solid #cf0723;} .VideoPoster ~ a {position:relative; top:-55px; left:27px; z-index:11;} .VideoPoster ~ a:before{font-family:"Ionicons"; content:"\f42b"; padding-right:15px;} /* ================================================================================ 2sexy RoundedIconKolom Template ================================================================================ */ .RoundedIconKolom-Item { text-align:center} .RoundedIconKolom-Item .RoundedIconKolom-Item_Icon { color:#e30f19; font-size:66px;display:inline-block; height:65px; width:65px; line-height:65px; border-radius:50%; padding-top:5px; } .RoundedIconKolom-Item .RoundedIconKolom-Item_Title {} .RoundedIconKolom-Item .RoundedIconKolom-Item_Content { } /* ================================================================================ 2sexy BorderedKolom Template ================================================================================ */ .BorderedKolom-Wrapper { display:flex; } .BorderedKolom-Item{ position:relative; padding-bottom:95px; border:1px solid #d9d9d9; border-radius:3px; box-sizing:border-box; text-align:center } .BorderedKolom-Item .BorderedKolom-Item_Icon {font-size:66px; color:#e30f19;} .BorderedKolom-Item_Title { text-transform:uppercase; padding-top:20px;} .BorderedKolom-Item_Content { text-align:left;} .BorderedKolom-Item_Link{ position:absolute; bottom:40px; left:50%; transform:translateX(-50%); margin-bottom:0 !important} /* ================================================================================ 2sexy BorderedKolom Template ================================================================================ */ .IconKolom-Wrapper { display:flex; } .IconKolom-Item{ position:relative; padding-bottom:40px;} .IconKolom-Item .IconKolom-Item_Icon {font-size:66px; color:#e30f19; text-align:center;} .IconKolom-Item_Title { } .IconKolom-Item_Content { } .IconKolom-Item_Link{ position:absolute; bottom:0px; left:0%; color:#e30f19 !important} /* ================================================================================ 2sexy ArticleKolom Template ================================================================================ */ .ArticleKolom-Wrapper { display:flex; } .ArticleKolom-Wrapper a{text-decoration:none;} .ArticleKolom-Item{ position:relative; padding-bottom:80px; } .ArticleKolom-Item .ArticleKolom-Item_Image_Wrapper{overflow:hidden;} .ArticleKolom-Item .ArticleKolom-Item_Image { height: 135px; background-repeat:no-repeat; background-size:cover; background-position:center center; transform: rotate(3deg) scale(1.15); transition: transform 0.2s ease;} .ArticleKolom-Item:hover .ArticleKolom-Item_Image{transform: rotate(0) scale(1);} .ArticleKolom-Item_Content {padding:0 20px} .ArticleKolom-Item_Title { color:#2b2b2b;} .ArticleKolom-Item_Content {color:#2b2b2b;} .ArticleKolom-Item_Link{ position:absolute; bottom:20px; left:50%; color:#e30f19 !important; transform:translateX(-50%); } .ArticleKolom-Item.Stijlgrijs{ background-color:#f2f2f2} .ArticleKolom-Item.Stijlborder {border:1px solid #f2f2f2} /* ================================================================================ 2sexy Ticker Template ================================================================================ */ .TickerContainer {width:100%; overflow:hidden;} .TickerWrapper { white-space:nowrap; position: relative } .TickerItem {color:#fff !important; padding:0 20px; line-height:1; display:inline-block; vertical-align:top;text-transform:uppercase; } .TickerItem + .TickerItem { border-left:1px solid #fff; } .TickerItem a{ display:none; color:#fff !important} .TickerItem.Linktrue span { display:none;} .TickerItem.Linktrue a {display:inline; } /* ================================================================================ 2sexy SLIDER Template ================================================================================ */ .MakeSlidertrue, .BannerSlidertrue {display:none;} .MakeSlidertrue.flickity-enabled, .BannerSlidertrue.flickity-enabled { display:block;} .MakeSlidertrue.ShowPagerfalse .flickity-page-dots {display:none} .MakeSlidertrue.ShowNextPrevfalse .flickity-prev-next-button {display:none} .MakeSlidertrue .IconKolom-Item_Link{position:static; padding-top:20px; display:block;} .MakeSlidertrue .flickity-viewport[style*='height'] .BorderedKolom-Item {height:100%} /* ================================================================================ 2sexy Content Custom TAbs Template ================================================================================ */ .CustomTabs {} .CustomTabs .CustomTabsTriggerWrapper { display:-webkit-flex; -webkit-flex-direction: row; display:flex; flex-direction: row; -webkit-justify-content:center; justify-content:center;} .CustomTabs .CustomTabsTriggerWrapper .CustomTabsTriggerItem{ padding:0 40px 30px 40px; text-align: center; line-height:1; color:#d9d9d9; cursor:pointer; vertical-align: top; } .CustomTabs .CustomTabsTriggerWrapper .CustomTabsTriggerItemIcon {color:#d9d9d9} .CustomTabs .CustomTabsTriggerWrapper .CustomTabsTriggerItem:hover, .CustomTabs .CustomTabsTriggerWrapper .CustomTabsTriggerItem.active { opacity: 1; position:relative; color:#2b2b2b} .CustomTabs .CustomTabsTriggerWrapper .CustomTabsTriggerItem.active .CustomTabsTriggerItemIcon {color:#e30f19} .CustomTabs .CustomTabsTriggerWrapper .CustomTabsTriggerItem.active:after {content:""; width: 24px; height: 24px; border-left:2px solid #dcdcdc; border-top:2px solid #dcdcdc; background-color: #fff; z-index: 10; transform: rotate(-135deg); position:absolute; bottom:-15px; left:calc(50% - 13px); } .CustomTabs .CustomTabsWrapper { border-top:2px #dcdcdc solid;} .CustomTabs .CustomTabsWrapper .CustomTabsItem { display:none;} .CustomTabs .CustomTabsWrapper .CustomTabsItem.active {display: block;} .CustomTabs .CustomTabsTriggerItemIcon {font-size:66px;} .CustomTabs .CustomTabsTriggerItemText {padding-top:10px; } /* ================================================================================ 2sexy Content Oplossingen Template ================================================================================ */ .OplossingenWrapper {display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap;} .Oplossing-Item { display: block; margin: 0 0 40px 0; text-align: center; } .Oplossing-Item:hover { text-decoration: none;} .Oplossing-Item .Oplossing-Item_Image { height: 150px; width: 150px; margin: 0 auto 20px auto; background-color: #fff; background-size:contain; background-repeat:no-repeat; background-position:center center; -webkit-border-radius: 50%;border-radius: 50%;} .Oplossing-Item .Oplossing-Item_Name { color:#2b2b2b; } .Oplossing-Item .Oplossing-Item_Description { opacity: 0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; padding: 10px 0 0 0; color:#2b2b2b;} .Oplossing-Item:hover .Oplossing-Item_Description { opacity: 1;} /* ================================================================================ 2sexy Banner Template ================================================================================ */ .BannerPane .Container{padding-top:0;} .BannerWrapper { box-sizing:border-box; background-repeat:no-repeat; background-size:cover; background-position:center center; } .BannerWrapper .BannerItem { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;} .BannerWrapper.BannerSliderfalse .BannerItem .InnerWrapper{height:100%;} .BannerContent{ padding: 20px;} .BannerContent h1{color:#fff; -webkit-text-shadow: 1px 1px 4px #747d84; text-shadow: 1px 1px 4px #747d84;} .Quote{font-family:'din-condensed' !important; font-weight:300; font-style:normal; text-shadow:none;} .BannerContentRow { overflow: hidden;} .BannerContentRow:after { content: ""; display: block; clear: both; } .BannerContentRow.AlignRight .one-half, .BannerContentRow.AlignRight .one-third, .BannerContentRow.AlignRight .two-third, .BannerContentRow.AlignRight .one-fourth, .BannerContentRow.AlignRight .three-fourth, .BannerContentRow.AlignRight .one-fifth, .BannerContentRow.AlignRight .two-fifth , .BannerContentRow.AlignRight .three-fifth, .BannerContentRow.AlignRight .four-fifth, .BannerContentRow.AlignRight .one-sixth {float: right !important;} .BannerBlauwTekst{color:#1473b7 !important;} /* ================================================================================ 2sexy Content Tegels Template ================================================================================ */ .TegelsWrapper { width: 100%; } .Tegel-Item {background-color:#2f3238; margin-bottom: 40px; overflow:hidden; display: block; height: 250px; padding: 20px; text-align: left;-webkit-box-sizing: border-box; box-sizing: border-box; position:relative;} .Tegel-Item-Image { transition:opacity 1s, transform 1s;backface-visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;} .Tegel-Item-Content { position:relative; z-index:10;} .Tegel-Item .Tegel-Item_Title { color:#fff; font-size:24px; font-weight:700; padding-bottom:10px;} .Tegel-Item .Tegel-Item_Text { margin: 0 0 4px 0; transition:transform 0.3s ease} .Tegel-Item .Tegel-Item_Text.Text1 { transition:opacity 0.35s, transform 0.35s; transform:translate3d(-360px,0,0); transition-delay:0; } .Tegel-Item .Tegel-Item_Text.Text2 { transition:opacity 0.35s, transform 0.35s; transform:translate3d(-360px,0,0); transition-delay:0.05s; } .Tegel-Item .Tegel-Item_Text.Text3 { transition:opacity 0.35s, transform 0.35s; transform:translate3d(-360px,0,0); transition-delay:0.1s;} .Tegel-Item .Tegel-Item_Text span { display: inline-block; padding: 3px 5px; background-color: rgba(255,255,255,0.9); color:#2b2b2b;} .Tegel-Item:hover { text-decoration:none;} .Tegel-Item:hover .Tegel-Item-Image {transform:scale3d(1.1,1.1,1); opacity:0.4;} .Tegel-Item:hover .Tegel-Item_Text {transform:translate3d(0,0,0)} /* ================================================================================ FAQ-IFY ================================================================================ */ .Faqify { position:relative; transform:translateX(50px); width:calc(100% - 50px)} .FaqilyItem { border-bottom:1px solid #eae9e9;} .FaqilyItem .FaqilyItemTitle {display:inline-block; font-size:1.2rem; padding:10px 0; color:#2e4152;} .FaqilyItem.active:before { -webkit-transform:rotate(90deg); transform:rotate(90deg); } .FaqilyItem:before { cursor:pointer; vertical-align:top; text-indent:2px; margin-top:10px; margin-right:10px; color:#b31218; font-family: 'Ionicons'; text-align:center; line-height:32px; content:"\f125"; display:inline-block; height:32px; width:32px; border-radius:50%; border:1px solid #eae9e9; margin-left:-50px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .FaqilyItem .FaqilyItemTitle:hover { cursor:pointer;} .FaqilyItem .FaqilyItemContent { overflow:hidden; display:none; padding-bottom: 20px; /*height:0; -webkit-transition:height 0.3s ease; transition:height 0.3s ease;*/} /* ================================================================================ FORMULIER ================================================================================ */ .Theme_Normal_Default .form_list{margin:0 auto !important; max-width:670px;} .Theme_Normal_Default .form_list li {max-width:330px; float:left; min-height:50px;} .Theme_Normal_Default .form_list:after{clear: both; content: '.'; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;} .Theme_Normal_Default .form_list .form_input input[type='text']{border-radius:5px;} .Theme_Normal_Default .form_label label {line-height:30px; font-weight:normal; font-size:13px; color:#777;} .Theme_Normal_Default .form_label + .form_input{padding-top:16px !important; margin-left: -16px !important;} .Theme_Normal_Default .form_list li input[type="radio"]{margin-top:14px;} .Theme_Normal_Default .form_submit input[type='submit']{border-radius: 5px !important; -webkit-appearance: none; background-image: none; text-shadow: none; font-size: 1rem !important; box-shadow: none !important; font-weight: 600;} a.Knop, .Theme_Normal_Default .form_submit input[type='submit'], .Theme_Responsive_Default .form_submit input[type='submit'], .Theme_Responsive_Default .form_submit input[type='reset']{ font-family: 'dinpro', Arial; font-weight: 400; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 40px; border: 1px solid #e30f19; background-color: #e30f19; background-image: none; color: #fff !important; padding: 0 20px; cursor: pointer; display: inline-block; vertical-align: middle; border-radius: 3px; transition: all 0.225s ease; } a.Knop.Rood:hover, .Theme_Normal_Default .form_submit input[type='submit']:hover{color: #e30f19 !important; background-color: #fff;} /* ================================================================================ PUBMOD Templates ================================================================================ */ .pubArticleList{} .pubArticleList .pubItem { display:flex; border:2px solid #ececeb; position:relative;} .pubArticleList .pubItem .pubCategory {background-color:#e30f19; -webkit-transition:width 0.3s ease; transition:width 0.3s ease; width:7px; position:absolute; top:0; left:0; height:100%; z-index:5; } .pubArticleList .pubItem .ImageWrapper{overflow:hidden; height:243px;} .pubArticleList .pubItem .pubImage{z-index:4; position:relative; margin-left:7px; width:300px; background-repeat:no-repeat; background-position:center center; background-size:cover; height:100%; transform: rotate(3deg) scale(1.1); transition:transform 0.2s ease;} .pubArticleList .pubItem .pubContent { z-index:10; position:relative; width:calc(100% - 307px); } .pubArticleList .pubItem .pubDate {text-transform:uppercase} .pubArticleList .pubItem .pubTitle {color:#2b2b2b;} .pubArticleList .pubItem .pubSummary {color:#2b2b2b;} .pubArticleList .pubItem:hover .pubCategory {} .pubArticleList .pubItem:hover * {/*color:#fff !important*/ } .pubArticleList .pubItem:hover { text-decoration:none !important; /*color:#fff !important*/ background-color:#ececee;} .pubArticleList .pubItem:hover .ImageWrapper .pubImage {transform: rotate(0) scale(1);} .pubArticleList .pubItem:hover .pubContentWrapper:after{ background: -moz-linear-gradient(top, rgba(236,236,238,0) 0%, rgba(236,236,238,1) 60%); background: -webkit-linear-gradient(top, rgba(236,236,238,0) 0%, rgba(236,236,238,1) 60%); background: linear-gradient(to bottom, rgba(236,236,238,0) 0%, rgba(236,236,238,1) 60%);} .pubArticleList .pubItem{height:243px;} .pubArticleList .pubItem .pubContent {height:243px; overflow:hidden; position:relative; -webkit-box-sizing:border-box; box-sizing:border-box;} .pubArticleList .pubItem .pubContentWrapper {height:175px; position:relative; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box;} .pubArticleList .pubItem .pubContentWrapper:after{content: ""; display: block; position: absolute; bottom: 0; left:0; width: 100%; height: 30px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);} .HiddenSideBar {display:none;} #icr_sidebar {} #icr_sidebar .NavBlockTitle {font-weight:400; color:#e30f19; font-size:24px;} #icr_sidebar .navBlockItemLink:before {content:""; display:inline-block; vertical-align:middle; height:5px; width:5px; border-radius:50%; margin-right:5px; -webkit-transform:translateY(-2px); transform:translateY(-2px);} #icr_sidebar .navBlockItemLink[title="Cursussen"]:before {background-color:#80217e} #icr_sidebar .navBlockItemLink[title="Trainingen"]:before {background-color:#90bf6d} #icr_sidebar .navBlockItemLink[title="Evenementen"]:before {background-color:#dc911b} #icr_sidebar .sb_searchinputbox {display:none} .pubArticleDetails{} .pubArticleDetails .linked-article{padding-top:40px;} .pubArticleDetails .FileBoxWrap { margin-bottom:0} .pubArticleDetails .pubContent {padding:10px 0 20px 0;} .pubArticleDetails .pubMetaData {font-size:14px;} .PubHomeViewer {} .PubHomeViewer .pubItem{} .PubHomeViewer .pubItem:hover{ text-decoration:none;} .PubHomeViewer .pubItem .pubThumbnail {height:240px; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:relative; } .PubHomeViewer .pubItem .pubThumbnail:after { content:attr(data-cat); font-size:17px; text-transform:uppercase; position:absolute; bottom:-16px; left:24px; display:block; background-color:#ececec; line-height:32px; padding:0 10px; box-shadow: 0 0 1px 0px rgba(0,0,0,0.5); color:#2b2b2b;} .PubHomeViewer .pubItem .pubThumbnail .pubThumbnailImageWrapper { height:100%; width:100%; overflow:hidden;} .PubHomeViewer .pubItem .pubThumbnail .pubThumbnailImageWrapper .pubThumbnailImage { height:100%; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transform: rotate(3deg) scale(1.1); transition: transform 0.2s ease;} .PubHomeViewer .pubItem:hover .pubThumbnail .pubThumbnailImageWrapper .pubThumbnailImage { transform: rotate(0) scale(1);} .PubHomeViewer .pubItem .pubCategory {text-transform:uppercase; position:absolute; bottom:-16px; left:24px; display:block; background-color:#fff; line-height:32px; padding:0 10px; } .PubHomeViewer .pubItem .pubTitle { text-transform:uppercase; color:#2b2b2b; } .AgendaHomeViewer {background-color:#fff; border:2px solid #e2e2e2; } .AgendaHomeViewer .pubItem{border-bottom:1px solid #f2f2f2; box-sizing:border-box; min-height:124px; position:relative; } .AgendaHomeViewer .pubItem.pubButtonWrapper{border-bottom:0; display:flex; justify-content:space-around; align-items:center;} .AgendaHomeViewer .pubCategory {z-index:1; -webkit-transition:width 0.3s ease; transition:width 0.3s ease; width:7px; position:absolute; top:0; left:0; height:100%} .pubCategory.catEvenementen {background-color:#dc911b !important} .pubCategory.catTrainingen {background-color:#90bf6d !important} .pubCategory.catCursussen {background-color:#80217e !important} .AgendaHomeViewer .pubDate {padding:25px 25px 0 25px; text-align:center; position:relative; z-index:2;} .AgendaHomeViewer .pubDate .pubDateMonth { text-transform:uppercase; } .AgendaHomeViewer .pubDate .pubDateDay {font-size:32px; font-weight:700; line-height:1} .AgendaHomeViewer .pubContent {padding:21px 10px 0 10px; position:relative; z-index:2;} .AgendaHomeViewer .pubTime:before { content:"\f3b3"; color:#d9d9d9; display:inline-block; padding:0 5px;font-family: 'Ionicons'; } .AgendaHomeViewer .pubSummary:before { content:"\f456"; color:#d9d9d9; display:inline-block; padding:0 5px;font-family: 'Ionicons'; } .AgendaHomeViewer .pubItem:hover{ text-decoration:none; color:#fff;} .AgendaHomeViewer .pubItem:hover .pubCategory {width:100%;} .AgendaHomeViewer .pubItem:hover *, .AgendaHomeViewer .pubItem:hover .pubTime:before, .AgendaHomeViewer .pubItem:hover .pubSummary:before { color:#fff !important;} .ItemsViewer { white-space:nowrap;} .ItemsViewer .pubItem{ padding-bottom:40px; display:inline-block; width:22%; vertical-align:top; white-space:normal; } .ItemsViewer .pubItem.last{ padding-bottom:0px;} .ItemsViewer .pubItem .pubThumbnail {height:180px; margin-bottom:20px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:relative; } .ItemsViewer .pubItem .pubThumbnail:after { content:attr(data-cat); font-size:17px; text-transform:uppercase; position:absolute; bottom:-16px; left:24px; display:block; color:#2b2b2b ; background-color:#ececec; line-height:32px; padding:0 10px; box-shadow: 0 0 1px 0px rgba(0,0,0,0.5); } .ItemsViewer .pubItem .pubThumbnail .pubThumbnailImageWrapper { height:100%; width:100%; overflow:hidden;} .ItemsViewer .pubItem .pubThumbnail .pubThumbnailImageWrapper .pubThumbnailImage { height:100%; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transform: rotate(3deg) scale(1.1); transition: transform 0.2s ease; } .ItemsViewer .pubItem:hover .pubThumbnail .pubThumbnailImageWrapper .pubThumbnailImage { transform: rotate(0) scale(1);} .ItemsViewer .pubItem .pubTitle { font-size:1.1rem; padding:1.1rem 0 0.8rem 0; line-height:1.4; color:#2b2b2b;} .ItemsViewer .pubItem .pubSummary { color:#575756;padding-bottom:10px; font-weight:400; color:#2b2b2b } .ItemsViewer .pubItem .pubDatum {font-weight:700; color:#747d84;} .ItemsViewer .pubItem:hover .pubThumbnail { } .ItemsViewer .pubItem:hover .pubThumbnail:after{ background-color:#e30f19; color:#fff;} .ItemsViewer a.pubItem:hover { text-decoration:none !important;} .ItemsViewer a.pubItem:hover .pubSummary {text-decoration:none !important;} .ItemsViewer a.pubItem:hover .pubTitle {text-decoration:none !important;} .BigItem.ItemsViewer .pubItem{ float:right; width: 30.66666% } .BigItem.ItemsViewer .pubItem .pubThumbnail { height:210px} .BigItem.ItemsViewer .pubItem .pubSummary { max-height: 70px; position: relative; overflow: hidden;} .BigItem.ItemsViewer .pubItem .pubSummary:after { content: ""; display: block; position: absolute; top: 50px; bottom: 0; width: 100%; height: 30px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); } .BigItem.ItemsViewer .pubItem.pubNumber1 { float:left;width: 65.33333%} .BigItem.ItemsViewer .pubItem.pubNumber1 .pubTitle { font-size:2rem; padding:2rem 0 1.8rem 0} .BigItem.ItemsViewer .pubItem.pubNumber1 .pubSummary { font-size:1.25rem; max-height: none; } .BigItem.ItemsViewer .pubItem.pubNumber1 .pubSummary:after { content: none; } .BigItem.ItemsViewer .pubItem.pubNumber1 .pubThumbnail { height:500px;} .StoringViewer {border:1px solid #d9d9d9; border-radius:3px;} .StoringViewer .pubItem + .pubItem {padding-top:30px;} span[id*= "_ViewLoader_lblMessage"] { display:none;} .CounterWrappers { position:absolute; top:0px; left:0; background-color:#f2f2f2;display:none; padding:20px; z-index:10; border-radius:0 0 3px 3px; border:1px solid #747d84; border-top:0;} .CounterWrappers.active {display:none;} .PageNameActueel #icr_sidebar ul li a:before{content:"■"; color:#E2161F; line-height:7px; height:10px; width:10px;} .PageNameActueel #icr_sidebar ul li #linkBack{display:none;} .HiddenSideBar.HiddenArtSideBar {display:none;} .pubControls {padding-bottom:10px} .pubArticleMooList{} .pubArticleMooList .pubCategory{text-transform:uppercase; color:#e30f19; font-weight:700; padding-bottom:10px;} .pubArticleMooList .pubItem {margin-bottom:20px; border:1px solid #B7C3C2;} .pubArticleMooList .pubItem .pubContent{padding:20px 0px 20px 20px;} .pubArticleMooList .pubItem .pubThumbNail {margin-right:0; height:172px; background-position:center center; background-repeat:no-repeat; background-size:cover;} .pubArticleMooList .pubItem .pubTitle { font-size:24px; padding-bottom:10px;} .pubArticleMooList .pubItem .pubSummary {font-size:14px;} .pubArticleMooList .pubItem .pubMetaData { font-size:12px; padding-bottom:5px; color:#333;} .pubArticleMooList .pubItem .pubLeesmeer { float:left; padding-top:10px; color:#e30f19;} /* ================================================================================ SocialShare ================================================================================ */ .SocialShareWrapper { float:right; color:#4b4b4d; } .SocialShare { display: inline-block; padding-left:1rem; vertical-align:middle} .SocialShare:after{ content: ""; display:block;} .SocialShare [class^="SS_"] {border-width:1px; border-style: solid; cursor:pointer; display: inline-block; color: #fff; width: 22px; height: 22px; font-size: 16px; border-radius:50%; text-align:center; line-height: 22px; margin: 0 0 0 8px; overflow:hidden; background-color: #c6c7c9; position: relative; vertical-align: middle; border-color:#c6c7c9} .SocialShare [class^="SS_"]:before { font-family: 'Ionicons'; display:block; content: ""; width: 100%; height: 100%; } .SocialShare .SS_FaceBook:before { content: "\f231";} .SocialShare .SS_FaceBook:hover {background-color: #35569d; border-color:#35569d} .SocialShare .SS_Google:hover {background-color: #de4b39; border-color:#de4b39} .SocialShare .SS_Google:before { content: "\f235";} .SocialShare .SS_Google{display:none;} .SocialShare .SS_LinkedIn:before { content: "\f239";} .SocialShare .SS_LinkedIn:hover {background-color: #0078b4; border-color:#0078b4} .SocialShare .SS_Xing:before { content: ""; background-image: url(images/SMIcon_Xing_white.png); background-repeat: no-repeat; background-position: center center; display: inline-block;} .SocialShare .SS_Xing:hover {background-color: #00585c; border-color:#00585c} .SocialShare .SS_Twitter:before { content: "\f243";} .SocialShare .SS_Twitter:hover {background-color: #29a7da; border-color:#29a7da} .SocialShare .SS_WhatsApp:before { content: "\f4ef";} .SocialShare .SS_WhatsApp{display:none;} a.SocialShare .SS_WhatsApp:hover {background-color: #51ca5f; border-color:#51ca5f; text-decoration:none !important } .SocialShare .SS_EMail:before { content: "\f423";} .SocialShare a.SS_EMail:hover { background-color: #464439; border-color:#464439; color:#fff!important; text-decoration:none !important } /* ================================================================================ SocialShare NewShare ================================================================================ */ .SocialShare.NewShare [class^="SS_"]{border-radius:2px; padding:3px 20px; margin-bottom:10px;} .SocialShare.NewShare{padding-left:0px;} .SocialShare.NewShare .SS_FaceBook{background-color:#3368AE; border:none; margin-left:0px;} .SocialShare.NewShare .SS_Google{background-color:#EF4F3D; border:none;} .SocialShare.NewShare .SS_LinkedIn{background-color:#2381BB; border:none;} .SocialShare.NewShare .SS_Twitter{background-color:#3DA2DA; border:none;} .SocialShare.NewShare .SS_Youtube{background-color:#F53A2A; border:none;} .SocialShare.NewShare .SS_WhatsApp{background-color:#51ca5f; border:none;} .SocialShare.NewShare .SS_EMail{background-color:#464439; border:none;} .NewShareText{margin-bottom:14px; font-size:14px;} /* ================================================================================ VRAGENLIJST ================================================================================ */ .VragenlijstKop{text-align:center;} .VragenlijstList{margin:20px 0; min-height:160px; } .VragenlijstItem{font-size:14px; text-indent:-12px; } .VragenlijstItem a{color:#2b2b2b !important;} .VragenlijstItem:before{content:"\f125"; font-family:"Ionicons"; height:10px; width:10px; color:#e30f19; } /* ================================================================================ STORINGEN V2 ================================================================================ */ .ServiceHeaderItem { background-color:#fff; min-height:220px;} .TabWrapper .TabItemTitle{float:left; width: 33.3%; text-align: center; cursor:pointer; font-weight:bold; line-height:2; background-color:#F9F9F9; border-bottom:1px solid #CED5D5;} .TabWrapper .TabItemTitle.active{background-color:#FFF; border-bottom:1px solid #FFF;} .TabWrapper .TabItemContentWrapper{position:relative; min-height:300px; background-color:#FFF;} .TabWrapper .TabItemContent{display:none; position:absolute; left:0; width:531px; height:260px; padding:20px; } .TabWrapper .TabItemContent.active{display:inline-block; background-color:#FFF;} .TabWrapper .TabItemContent {font-size:14px;} .TabWrapper .TabItemContent .TabItemContentTitle, .TabWrapper .TabItemContent .TabItemContentDatum{font-weight:700;} .TabWrapper .TabItemContent .TabItemContentLink{color:#E2171F;} .TabWrapper .TabItemContent .TabItemContentLink:after{content:"\f125"; padding-left:10px; height:10px; width:10px; font-family:"Ionicons"; color:#E2171F;} .TabWrapper .TabItemContent .TabItemEmpty{text-align:center;} .TabWrapper .TabItemContent .TabItemEmpty a{text-decoration:none;} .TabWrapper .TabItemContent .TabItemEmptyText:before{content:"\f125"; padding-right:10px; height:10px; width:10px; font-family:"Ionicons"; color:#E2171F;} .TabWrapper .TabItemContent .TabItemEmpty .icon-adn{line-height:2 !important; color:#3BAF4A;} #Wrapper.PageID7440 .TabWrapper .TabItemContent{width:auto;} /* ================================================================================ flickity ================================================================================ */ .flickity-prev-next-button { position: absolute; top: 50%; width: 35px; height: 50px; cursor: pointer; background: transparent; border:0; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%); color:#e6e6e6; font-family: "Ionicons"; font-size:40px; line-height:50px; text-align:center; } .AltRowStyle .flickity-prev-next-button { color:#fff} .flickity-prev-next-button:hover { } .flickity-prev-next-button:focus { outline: none;} .flickity-prev-next-button:active { opacity: 0.6;} .flickity-prev-next-button.previous { left: -45px; } .flickity-prev-next-button.next { right: -45px;} .flickity-prev-next-button.previous:after { content:"\f124"; } .flickity-prev-next-button.next:after { content:"\f125"; } /* ---- 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 8px; background: #ddd; border-radius: 50%; cursor: pointer;} .flickity-page-dots .dot.is-selected { opacity: 1; background-color:#e30f19 !important;} .ContainerGrijs .flickity-page-dots .dot {background-color:#fff} .ContainerGrijs .flickity-prev-next-button {color:#2b2b2b} .BannerWrapper .flickity-prev-next-button.previous { left: 20px; } .BannerWrapper .flickity-prev-next-button.next { right: 20px;} /* ================================================================================ POWERFORMS ================================================================================ */ /* .Theme_Normal_Default {} .Theme_Normal_Default .form_list { margin:0 auto !important; max-width:670px;} .Theme_Normal_Default .form_list:after{clear:both;content:'.';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0} .Theme_Normal_Default .form_list li { max-width:330px; float:left; min-height:50px;} .Theme_Normal_Default .form_list li textarea { width:calc(200% + 10px) !important;} .Theme_Normal_Default .form_list li select { color:#8D8E90; -webkit-appearance:none;} .Theme_Normal_Default .form_list li input[type="radio"] {margin-top:14px;} .Theme_Normal_Default .form_submit { padding-top:2rem} .Theme_Normal_Default .form_submit input[type='submit'] { border-radius:5px !important; -webkit-appearance:none; background-image:none; text-shadow:none; font-size:1rem !important; box-shadow:none !important; font-family: 'titillium_bdbold', Arial !important; } .Theme_Normal_Default .form_list .form_input input[type='text'] { border-radius:5px;} .Theme_Normal_Default .form_label label{line-height:30px; font-weight:normal; font-size:13px; color:#777; } .Theme_Normal_Default .form_label + .form_input { padding-top:16px !important; margin-left:-16px !important} .Theme_Normal_Default .dispalytable .form_input table {width:200%} .Theme_Normal_Default .dispalytable .form_input table td {width:50%;} */ .DnnModule-DNNGoPowerForms { margin-bottom: 40px; } .Theme_Responsive_Default, .Theme_Responsive_Default select, .Theme_Responsive_Default textarea, .Theme_Responsive_Default input[type="text"], .Theme_Responsive_Default input[type="password"], .Theme_Responsive_Default input[type="datetime"], .Theme_Responsive_Default input[type="datetime-local"], .Theme_Responsive_Default input[type="date"], .Theme_Responsive_Default input[type="month"], .Theme_Responsive_Default input[type="time"], .Theme_Responsive_Default input[type="week"], .Theme_Responsive_Default input[type="number"], .Theme_Responsive_Default input[type="email"], .Theme_Responsive_Default input[type="url"], .Theme_Responsive_Default input[type="search"], .Theme_Responsive_Default input[type="tel"], .Theme_Responsive_Default input[type="color"], .Theme_Responsive_Default .uneditable-input{ font-family: inherit !important; } .Theme_Responsive_Default .form_row { padding-bottom: 0 !important;} .DnnModule-DNNGoPowerForms .form_list{} .DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"], .DnnModule-DNNGoPowerForms .form_list .form_input textarea, .DnnModule-DNNGoPowerForms .form_list .form_input select { background-color:#ffffff; border:1px solid #efefef; color:#2b2b2b; margin: 0 0 10px 0; padding: 10px 15px; } .DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]::-webkit-input-placeholder, .DnnModule-DNNGoPowerForms .form_list .form_input textarea::-webkit-input-placeholder { color: #2b2b2b;}/* Chrome/Opera/Safari */ .DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]::-moz-placeholder, .DnnModule-DNNGoPowerForms .form_list .form_input textarea::-moz-placeholder { color: #2b2b2b;}/* Firefox 19+ */ .DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]:-ms-input-placeholder, .DnnModule-DNNGoPowerForms .form_list .form_input textarea:-ms-input-placeholder { color: #2b2b2b; }/* IE 10+ */ .DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]:-moz-placeholder, .DnnModule-DNNGoPowerForms .form_list .form_input textarea:-moz-placeholder { color: #2b2b2b;}/* Firefox 18- */ .DnnModule-DNNGoPowerForms .form_submit .btn{ } .DnnModule-DNNGoPowerForms .form_submit .btn:hover{ } /* ================================================================================ ZOEKEN SUPPORT ================================================================================ */ .CustomSearchWrapper{ width: 45%; margin: 0 auto; min-width: 300px; text-align: center; padding: 1rem 0; } .CustomSearchWrapper .CustomSearch{ padding: 0 10px; height: 42px; border-radius: 5px; border: 1px solid #e2e2e3; display: block; float: left; width: 100%; width: calc(100% - 104px); box-sizing: border-box;} .CustomSearchWrapper .CustomSubmit{text-decoration:none; text-transform:uppercase; font-weight:600;} .CustomSearchWrapper a.CustomSubmit.Knop.Rood:after{content:""; padding-left:0;} .dnnSearchBoxPanel .dnnSearchBox #dnnSearchResult_dnnSearchBox_input{padding: 0 10px;} /* ================================================================================ LIST SUPPORT ================================================================================ */ .UnsortedList {list-style-image: url('images/next.png');} .UnsortedList li {padding-bottom:10px;} .UnsortedList li a {color:#000 !important} .UnsortedList.VideoListStyle { list-style-image: url('images/videobullet.png'); } .UnsortedList.VideoListStyle li a { vertical-align:top;} .ServiceViewerWrapper { /*height:33px;*/ overflow:hidden; position:relative; float:right; height:40px; width:220px;} .ServiceViewerWrapper .ServiceViewerItem { text-align:right; /*height:33px;*/ font-size:13px; width:220px;} .ServiceViewerWrapper .ServiceViewerItem:before {margin-right:5px; display:inline-block; content:"!"; text-align:center; height:21px; line-height:21px; width:21px; color:#fff; background-color:#c12b22; border-radius:50%; font-weight:700; } .ServiceViewerWrapper .ServiceViewerItem .ServiceViewerItemTitel, .ServiceViewerWrapper .ServiceViewerItem .ServiceViewerItemDatum, .ServiceViewerWrapper .ServiceViewerItem .ServiceViewerItemEvent{float:left; padding-right:5px;} .ServiceViewerWrapper .ServiceViewerItem .ServiceViewerItemEvent { color:#c12b22; font-weight:600;} .ServiceViewerInnerwrapper { position:relative; } /* ================================================================================ NEW W2W CAREER ================================================================================ */ .CareerViewer .career-link { display: block; position:relative; overflow: hidden; width: 100%; margin: 0 0 10px 0; } .CareerViewer .career-link:hover { text-decoration:none !important; } .CareerViewer .career-link .career-link-title, .CareerViewer .career-link .career-link-button { display:inline-block; vertical-align:top; box-sizing: border-box; } .CareerViewer .career-link .career-link-title { text-overflow:ellipsis; white-space:nowrap; line-height:38px; overflow:hidden; color:#2b2b2b; width:calc(100% - 175px); background-color: #fff; padding:0px 15px 0px 15px; border:1px solid #d9d9d9; border-radius:3px; } .CareerViewer .career-link .career-link-button{ padding:0px 15px 0px 15px; text-transform:lowercase; margin-left:10px;color:#fff !important; height:100%; line-height:38px; text-align:center; width:165px; border-radius:3px; white-space:nowrap; cursor:pointer; border:1px solid #e30f19; background-color:#e30f19; transition:all 0.3s ease;} .CareerViewer .career-link .career-link-button:after {content:"\f125"; font-family:"Ionicons"; width:32px; text-align:center; display:inline-block;} .CareerViewer .career-link:hover .career-link-button {background-color:#fff; color:#e30f19 !important;} .CareerViewerSmall .CareerViewer .career-link .career-link-title {width:calc(100% - 48px);} .CareerViewerSmall .CareerViewer .career-link .career-link-button {width:38px; overflow:hidden; white-space:nowrap; padding:0;} .CareerViewerSmall .CareerViewer .career-link .career-link-button:before {content:"\f125"; font-family:"Ionicons"; width:38px; text-align:center; display:inline-block;} /* ================================================================================ AGENDA BLOK ================================================================================ */ .AgendaBlok {background-color:#fff; border:2px solid #e2e2e2; border-left-width: 0px; margin: 0 0 10px 10px; padding: 20px; position: relative; } .AgendaBlok:before { content: ""; display: block; position: absolute; top: -2px; left: -10px; width: 10px; height: calc(100% + 4px); background-color:#e30f19;} .AgendaBlok.Evenement:before { background-color:#dc911b;} .AgendaBlok.Training:before {background-color: #90bf6d;} .AgendaBlok.Cursus:before {background-color: #80217e;} .AgendaBlok li { list-style-type: none; padding: 3px 0;} /* ================================================================================ FORMULIER INPUT ================================================================================ */ .formError .formErrorContent{background:#e30f19 !important; border-radius:3px !important; -webkit-box-shadow:none !important; box-shadow:none !important; border:0 !important;} .formError .formErrorArrow div{-webkit-box-shadow:none !important; box-shadow:none !important; border:0 !important;} /* ================================================================================ IONICO-HO-HO-HO-HO-HO-ONS ================================================================================ */ [class^="ion-"]:after, [class*=" ion-"]:after, [class^="ion-"]:before, [class*=" ion-"]:before { font-family: 'Ionicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size:inherit; display:inline-block; vertical-align:middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ion-small:after, .ion-small:before { font-size:20px !important;} .ion-social-euro:after { content: "\f4e1"; } .ion-social-skype:after {content:"\f23f";} .ion-social-linkedin:after { content: "\f239"; } .ion-social-rss:after { content: "\f23d"; } .ion-umbrella:after { content: "\f2b7"; } .ion-social-google:after { content: "\f34f"; } .ion-ios-refresh:after { content: "\f49c"; } .ion-social-twitter:after { content: "\f243"; } .ion-social-googleplus:after { content: "\f235"; } .ion-social-facebook:after { content: "\f231"; } .ion-ios-mic:after { content: "\f461"; } .ion-compose:after { content: "\f12c"; } .ion-alert-circled2:before { content: "\f100"; } .ion-monitor:after { content: "\f20a"; } .ion-laptop:after { content: "\f1fc"; } .ion-ipad:after { content: "\f1f9"; } .ion-iphone:after { content: "\f1fa"; } .ion-ios-lightbulb:after { content: "\f452"; } .ion-ios-flame:after { content: "\f42f"; } .ion-android-hand:after { content: "\f2e3"; } .ion-android-volume-up:after { content: "\f3ba"; } .ion-android-notifications:after { content: "\f39b"; } .ion-android-film:after { content: "\f389"; } .ion-android-attach:after { content: "\f367"; } .ion-android-checkbox:after { content: "\f374"; } .ion-person:after { content: "\f213"; } .ion-locked:after { content: "\f200"; } .ion-unlocked:after { content: "\f254"; } .ion-refresh:after { content: "\f21c"; } .ion-leaf:after { content: "\f1fd"; } .ion-card:after { content: "\f119"; } .ion-flash:after { content: "\f137"; } .ion-person:after { content: "\f213"; } .ion-ios-paperplane:after { content: "\f474"; } .ion-location:after { content: "\f1ff"; } .ion-folder:after { content: "\f139"; } .ion-document-text:after { content: "\f12e"; } .ion-play:after { content: "\f215"; } .ion-calendar:after { content: "\f117"; } .ion-android-chat:after { content: "\f2d4"; } .ion-link:after { content: "\f1fe"; } .ion-social-apple:after { content: "\f227"; } .ion-social-windows:after { content: "\f247"; } .ion-social-tux:after { content: "\f2c5"; } .ion-checkmark:after { content: "\f122"; } .ion-minus:after { content: "\f209"; } .ion-arrow-right-c:after { content: "\f385";} .ion-refresh:after { content: "\f21c"; line-heigth:1; vertical-align:middle; display:inline-block; font-size:1.5rem; padding-right:5px;} /* ================================================================================ MEDIA QUERIES ================================================================================ */ @media only screen and (max-width:1400px){ .flickity-prev-next-button.previous{ left:0;} .flickity-prev-next-button.next {right:0} } @media only screen and (max-width:1024px){ /* lay-out */ .ContainerGrijs {padding:40px 0}; html.active, body.active{ } .MenuItemsWrapper.active {transform:translateX(0%); box-shadow:0 8px 10px 0px rgba(0,0,0,0.4) } .MenuItemsWrapper.active .MenuItems {transition: box-shadow 0.5s ease; } .MenuItemsWrapper.active .MenuTrigger {left:-100px;} /* header */ .Header-Bottom #Logo .LogoText{display:none;} .MenuItem.Expandtrue .MenuItemLink:after{display:none;} .SubMenuItem{display:none;} .Header-Top .SearchInnerWrapper.active{height:30px; padding:20px 0;} /* items */ .BannerWrapper .BannerItem{min-height:300px !important} .Tegel-Item{height:200px; margin-bottom:20px;} /* footer */ .ContentRow8 .ContentKollom-Wrapper .ContentKollom-Item{width: 30.66666% } .ContentRow8 .ContentKollom-Wrapper .ContentKollom-Item:nth-of-type(1) {display:none;} .Footer-Middle .one-third{width:100%; text-align:center; line-height:30px;} .Footer-Middle .one-third .SMWrapper{height:30px;} /* nieuws */ .pubArticleList .pubItem .pubDate{font-size:14px;} .pubArticleList .pubItem .pubTitle{padding:10px 0px; font-size:24px;} .pubArticleList .pubItem .pubSummary {padding-bottom:10px;} /*ict oplossing*/ .Oplossing-Item .Oplossing-Item_Name{font-weight:bold;} .Oplossing-Item .Oplossing-Item_Description{opacity:1;} #icr_sidebar{display:none;} /* contact */ #map-canvas{display:none;} /* padding, margins & fonts */ .Container{padding:20px 0;} H1 {font-size:32px} H2 {font-size:26px; } H3 {font-size:24px; } H4 {font-size:22px; } .FontSize24 { font-size:22px;} .FontSize26 { font-size:22px;} .FontSize30 { font-size:26px;} .FontSize32 { font-size:26px;} .FontSize36 { font-size:28px;} .FontSize48 { font-size:32px;} .LargeFont{font-size:18px;} .Padding40 {padding:20px} .Padding60 { padding:20px;} .Padding80 { padding:40px;} .Padding100 { padding:40px;} .PaddingBottom40 { padding-bottom:20px;} .PaddingBottom60 { padding-bottom:40px;} .PaddingBottom80 { padding-bottom:40px;} .PaddingBottom100 { padding-bottom:40px;} .PaddingTop40 { padding-top:20px;} .PaddingTop60 { padding-top:40px;} .PaddingTop80 { padding-top:40px;} .PaddingTop100 { padding-top:40px;} .PaddingRight40 { padding-right:20px;} .PaddingRight60 { padding-right:40px;} .PaddingRight80 { padding-right:40px;} .PaddingRight100 { padding-right:40px;} .PaddingLeft40 { padding-left:20px;} .PaddingLeft60 { padding-left:40px;} .PaddingLeft80 { padding-left:40px;} .PaddingLeft100 { padding-left:40px;} .MarginBottom40 { margin-bottom:20px;} .MarginBottom60 { margin-bottom:40px;} .MarginBottom80 { margin-bottom:40px;} .MarginBottom100 { margin-bottom:40px;} .MarginTop40 { margin-top:20px;} .MarginTop60 { margin-top:40px;} .MarginTop80 { margin-top:40px;} .MarginTop100 { margin-top:40px;} .MarginRight40 { margin-right:20px;} .MarginRight60 { margin-right:40px;} .MarginRight80 { margin-right:40px;} .MarginRight100 { margin-right:40px;} .MarginLeft40 { margin-left:20px;} .MarginLeft60 { margin-left:40px;} .MarginLeft80 { margin-left:40px;} .MarginLeft100 { margin-left:40px;} /* templates */ .BorderedKolom-Item {padding-bottom:80px} /* modules */ .flickity-prev-next-button {display:none;} .Theme_Responsive_Default .form_label{text-align:left;} .Theme_Responsive_Default .form_input{text-align:left;} .ItemsViewer .pubItem{width:33%;} .PageNameHome .ContentRow4 .ContentKollom-Wrapper{text-align:center;} .PageID7512 .Row5ThreeFourthPane.three-fourth {width:100% !important;} } @media only screen and (max-width:1023px){ /* Menu */ .MenuItemsWrapper {display:none} #MobileMenu, #MobileMenuTrigger {display:block !important;} /* nieuws */ .SocialShareWrapper { display:none;} .SocialShareNews .SocialShareWrapper { display:block;} /*standard */ .one-fourth, .threefourth {width:48%} .one-fourth:nth-of-type(2n) {margin-right:0 !important} .one-sixth, .fifth-sixth {width:30.66666%; margin-bottom:30px;} .one-sixth:nth-of-type(3n) {margin-right:0 !important} .Header-Top{display:none;} #Wrapper{padding-top: 72px;} /* templates */ .IconKolom-Wrapper { display:block;} /* modules */ .ItemsViewer .pubItem{width:50%;} } @media only screen and (max-width:768px){ .one-third, .two-third, .one-fifth, .two-fifth, .three-fifth, .five-sixth { width: 100%; margin-right:0; margin-bottom:30px;} .DNNEmptyPane{margin-bottom:0;} .HomeBlokRow.FlexWrapper { display:block;} .HomeBlokken .two-fifth { flex-grow:1; margin-bottom:30px; } .HomeBlokken .one-fifth {flex-grow:1; margin-bottom:30px;} .BorderedKolom-Wrapper {display:block;} .SocialShare .SS_WhatsApp{display:block; text-decoration:none;} .SocialShare .SS_WhatsApp:hover {background-color: #00E575; border-color:#00E575} /* blijf up to date */ .ContentRow77 .display1{font-size:32px} .ContentRow77 .Theme_Responsive_Default{text-align:center; width:100% !important;} .ContentRow77 .Theme_Responsive_Default .form_row, .result_form .form_row{margin-right:6%;} .ContentRow77 .Theme_Responsive_Default .form_row.row1{width:48%;} .ContentRow77 .Theme_Responsive_Default .form_row.row2{width:44%;} /* home */ .ContentRow7 .one-third{margin-bottom:0;} .ContentRow7 .one-third .Container{padding:0;} .ArticleKolom-Wrapper{display:inline-block;} .ArticleKolom-Item.one-fifth{width:60%; margin-left:20%;} .pubArticleDetails{text-align:left;} .OplossingenWrapper .Oplissing-ItemWrapper.one-fifth.lastfalse, .OplossingenWrapper .Oplissing-ItemWrapper.one-fifth.lasttrue{width:50% !important;} .ContentKollom-Wrapper .ContentKollom-Item{margin-bottom:10px;} /*ict oplossing*/ .Oplossing-Item{margin-bottom:20px;} /* footer */ .ContentRow8 .ContentKollom-Wrapper .ContentKollom-Item{width: 100%; text-align:center; padding-bottom:20px;} .ContentRow8 .ContentKollom-Wrapper .ContentKollom-Item:nth-of-type(1) {display:block;} .Footer-Middle .one-third{margin-bottom:10px;} } @media only screen and (max-width:760px){ .one-half, .one-fourth, .threefourth {width: 100%; margin-right:0; margin-bottom:30px;} .DNNEmptyPane{margin-bottom:0;} .FontDot {line-height:1; font-size:50px;} .FontDot + span { display:block; line-height:1;} /* custom tabs */ .CustomTabs .CustomTabsTriggerWrapper .CustomTabsTriggerItem { padding:0 5px 20px 5px} .CustomTabs .CustomTabsTriggerItemText{font-size:16px;} .BigItem.ItemsViewer .pubItem.pubNumber1,.BigItem.ItemsViewer .pubItem.pubNumber2,.BigItem.ItemsViewer .pubItem.pubNumber3{width:100%;} .HideInMobile{display:none;} .HideInDesktop{display:block;} H1, H2, H3, H4, .FontSize24 , .FontSize26 , .FontSize30 , .FontSize32 , .FontSize36 , .FontSize48 { margin-bottom:10px;} } @media only screen and (max-width:640px){ .Header-Bottom #Logo .LogoText { display: none;} .OplossingenWrapper .Oplissing-ItemWrapper.one-fifth.lastfalse, .OplossingenWrapper .Oplissing-ItemWrapper.one-fifth.lasttrue{width:100% !important;} .pubPager .PagingTable{table-layout:fixed;} /*pubmod */ .pubArticleList .pubItem{flex-direction: column; height:auto;} .pubArticleList .pubItem .ImageWrapper{width:100%;} .pubArticleList .pubItem .pubImage{width:100%;} .pubArticleList .pubItem .pubContent{width:100%; height:auto;} .pubArticleList .pubItem .pubContent:after{display:none;} } @media only screen and (max-width:490px){ .MobileMenuIcons .MobileMenuIcon.Location, .MobileMenuIcons .MobileMenuIcon.Mail, .MobileMenuIcons .MobileMenuIcon.Phone {display:none;} /* cookiemelding */ .cc_container{animation-name:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; bottom:0px !important; left:0px !important; width:100% !important; padding:25px 25px 70px 25px !important } .cc_container .cc_btn{font-size:15px !important; } /* custom tabs */ .CustomTabs .CustomTabsTriggerWrapper{display:none;} .CustomTabs .CustomTabsWrapper{border-top:0; padding-top:0;} .CustomTabs .CustomTabsWrapper .InnerWrapper{padding:0; padding-bottom:20px;} .CustomTabs .CustomTabsWrapper .CustomTabsItem{display:block;} /* youtube video */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 20px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} }