/* ================================================================================ ===== CSS STYLES FOR ===== ===== SCHOOLWEBSITE.NU SKIN ===== ================================================================================ */ /* #dnn_ContentPane .dnnFormMessage.dnnFormWarning{ display: none; } .LoggedIn #dnn_ContentPane .dnnFormMessage.dnnFormWarning{ display: block; } */ /* ================================================================================ GENERAL SETTINGS ================================================================================ */ @font-face { font-family: "Ionicons"; src: url("fonts/Ionicons/ionicons.eot"); src: url("fonts/Ionicons/ionicons.eot#iefix") format("embedded-opentype"), url("fonts/Ionicons/ionicons.ttf") format("truetype"), url("fonts/Ionicons/ionicons.woff") format("woff"), url("fonts/Ionicons/ionicons.svg#Ionicons") format("svg"); font-weight:normal; font-style:normal; } html { height:100%; /* om hoogte op 100% te zetten in geval van te weinig content */ margin:0px; padding:0px; overflow-y:scroll; /* Altijd een scrollbalk afdwingen i.v.m. verspringingen */ } body { text-align:left; font-family: 'Muli', sans-serif; font-size:16px; line-height:1.5; color:#6d6c64; } #Body { height:100%;} /* Achtergrondkleuren + afbeeldingen hier */ #Form { height:100%; min-height:100%;} /* om hoogte op minimaal 100% te zetten, mag wel groter */ /* HEADINGS */ H1, H2, H3, H4, H5 {font-family: 'Muli', sans-serif; color:#840265; font-weight:bold; margin:0; padding:15px 0 10px 0;} H1 {font-size:45px; padding: 0 0 10px 0;} H2 {font-size:30px;} H3 {font-size:25px;} H4 {font-size:20px;} H5 {font-size:18px;} #Wrapper.Home H1, #Wrapper.Home H2, #Wrapper.Home H3, #Wrapper.Home H4, #Wrapper.Home H5{text-transform:uppercase;} /* LINKS */ A:link {color:#840165; text-decoration:none; transition:color 0.3s ease;} A:visited {color:#840165;} A:hover {color:#840165; text-decoration:underline;} A:active {color:#840165;} /* 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 */ /* pretty form buttons */ .dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction{background: none; background-color: #840265; color: #fff; border: 2px solid #840265; border-radius: 5px; text-shadow: none; box-shadow: none; font-size:15px; font-weight:900; text-transform:uppercase;} .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover{background: none; background-color: #fff; color: #840265 !important; border: 2px solid #840265; border-radius: 5px; text-shadow: none; box-shadow: none;} .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span{background: none; background-color:#eee; color: #000; border: 2px solid #eee; border-radius: 5px; text-shadow: none; box-shadow: none; font-size:15px; font-weight:900; text-transform:uppercase;} .dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover, .dnnFormItem input[type="reset"]:hover, .dnnSecondaryAction:hover, a.dnnSecondaryAction:hover, ul.dnnAdminTabNav li a:hover, .dnnLogin .LoginTabGroup span:hover{background: none; background-color:#eee; color: #000; border: 2px solid #eee; border-radius: 5px; text-shadow: none; box-shadow: none;} .dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus, .dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active, .dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus, .dnnFormItem select:active, .dnnFormItem select:focus, .dnnFormItem textarea:active, .dnnFormItem textarea:focus, .dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus{border:1px solid rgba(2,139,255,0.5); box-shadow:0px 0px 3px 0px rgba(2, 139, 255, 0.4); outline-color:rgba(2, 139, 255, 0.4);} /* turn off button styling on iphone */ input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox {-webkit-appearance: none; border-radius: 0; } /* COMMON ISSUES */ img {border:0px; max-width: 100%;} /* 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;} /* sexy content off */ .sc-content-block-menu{display:none !important;} #Wrapper .sc-menu {display:none !important;} .dnnEditState #Wrapper .sc-menu {display:block !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;} /* buttons */ a.button{display:inline-block; font-size:15px; font-weight:900; background-color:#840265; border:2px solid #840265; color:#fff; border-radius:5px; text-transform:uppercase; padding:3px 10px; transition:all 0.3s ease;} a.button:hover{color:#840265; background-color:transparent; text-decoration:none;} a.button.green{background-color:#cecd00; border-color:#cecd00;} a.button.green:hover{color:#cecd00; background-color:transparent;} a.button.gray{background-color:#bebab6; border-color:#bebab6;} a.button.gray:hover{color:#bebab6; background-color:transparent;} a.button.white{background-color:#fff; border-color:#fff; color:#847f77;} a.button.white:hover{color:#fff; background-color:transparent;} /* ================================================================================ MAIN LAYOUT ================================================================================ */ .ControlPanel {} #Wrapper { margin:0px auto; min-height:100%; background-color:#ffffff; text-align:left;} .InnerWrapper { margin:0px auto; padding: 0 20px; max-width:1000px; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box;} .FlexWrapper{ display: -webkit-flex; display: flex;} /* HEADER SECTION */ #Header { background-color:#f2f2f1; padding-top:15px; padding-bottom:15px;} #Logo{display:block; width:230px; margin-right:20px; float:left; position:relative;} #Logo a{display:block;} #Logo a img{max-width:100%;} #BannerRow{background-color:#840265; color:#fff; position:relative;} #BannerRow:before{content:""; width:100%; height:180px; display:block; background-color:#f2f2f1; position:absolute; left:0; top:0; border-bottom:15px solid #cecd00;} #Header .HeaderRight{width:calc(100% - 281px); float:right; position:relative;} #Header #HeaderTop{text-align:right; position:relative; z-index:20;} #Header .HeaderLinks{display:inline-block; vertical-align:middle; padding-right:10px;} #Header .HeaderLinks a{color:#fff; font-size:15px; font-weight:700; text-transform:uppercase;border-radius:8px; padding:0px 20px; line-height:34px; background-color:#840265; display:inline-block; margin-right:10px;} #Header .HeaderLinks a:before {content:"\f200";font-family:"Ionicons"; font-size:14px; display:inline-block; margin-right:10px; } #Header .HeaderLinks a:hover{text-decoration:none; background-color:#cecd00;} #Header .SearchWrapper{display:inline-block; vertical-align:middle; position:relative;} #Header .SearchWrapper .SearchTrigger{font-family:"Ionicons"; color:##847f77; font-size:28px; line-height:40px; padding-right:10px; cursor:pointer; transition:all 0.3s ease;} #Header .SearchWrapper .SearchTrigger:hover{color:#840265;} #Header .Login{display:inline-block; vertical-align:middle; position:relative; margin-right:40px;} #Header .Login .LoginTrigger{font-family:"Ionicons"; font-size:26px; line-height:40px; position:relative; cursor:pointer; } #Header .Login .LoginTrigger a{color:#847f77; transition:all 0.3s ease; opacity:0} #Header .Login .LoginTrigger a:hover{text-decoration:none; color:#840265; opacity:1} /* SEARCH */ #Search {background-color:#fff; border:15px solid #847f77; background-color:#fff; display:none; position:absolute; top:40px; right:0; width:260px; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);} #Search.active{display:inline-block; border-radius:5px;} #Search .SkinObject{font-family: "Ionicons"; font-size:18px; vertical-align:middle; color:#847f77; padding:10px; font-size:20px; font-weight:bold;} #Search .SkinObject:hover{text-decoration:none;} #Search .NormalTextBox { -webkit-appearance:none; border:0; padding:10px; width:200px; font-size:15px;} #Search .NormalTextBox:focus { outline:none} #Search .searchSkinObjectPreview, #Search .searchInputContainer a.dnnSearchBoxClearText {display:none !important; } #Search .NormalTextBox::-webkit-input-placeholder { color:#444;} #Search .NormalTextBox:-moz-placeholder { color:#444;} #Search .NormalTextBox::-moz-placeholder {color:#444; } #Search .NormalTextBox:-ms-input-placeholder {color:#444; } #Search .NormalTextBox::-ms-input-placeholder { color:#444; } /* MENU SECTION */ #Menu { clear:both; position:relative; width:auto; text-align:right; z-index:10; padding-top:20px;} /* BREADCRUMB SECTION */ #Breadcrumb {font-size:12px; font-weight:normal; color:#848077; padding-bottom:15px; text-transform:uppercase; letter-spacing:1px;} #Breadcrumb a{color:#848077;} #Breadcrumb a:hover{color:#840265; text-decoration:none;} /* PANES SECTION */ #Content { } #Content .Container { margin-bottom:40px;} #Content .BannerPane .Container{margin-bottom:20px;} .ContentRow{padding-top:60px; padding-bottom:60px;} #Wrapper.Home .ContentRow{padding-top:0; padding-bottom:0;} .ContentRow .ContentLeft h2{font-size:25px; color:#cecd00; font-weight:700; text-transform:uppercase; padding-bottom:20px;} #Wrapper.Home .ContentRow .ContentLeft h2{display:none;} .ContentRow ul, .ContentRow ol{list-style:disc;} .ContentRow li{padding:3px 0px;} #Wrapper.Sub .HomeRow{padding:0; margin:0;} #TopRow{background-color:#f2f2f1; border-top:15px solid #cecd00; padding-top:40px; padding-bottom:30px;} #TopRow .one-third{min-height:1px;} #Row2{background-color:#f2f2f1; color:#000;} #Row2 h2{font-size:30px; font-weight:900; padding-bottom:20px;} #Row2 img{border-radius:5px; max-width:100%;} #Row2 a.button{margin-right:10px;} #Content #Row2 .Container{margin-top:60px; margin-bottom:60px;} #Row3{background-color:#840265; color:#fff;} .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.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;} .one-half { width:48%;} .one-third { width:30.66%;} .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%} /* FOOTER SECTION */ #Footer { } #FooterRow1 { background-color: #f2f2f1; padding: 50px 0; /*border-bottom:15px solid #cecd00;*/ color:#000;} #FooterRow1 h3{color:#840265; font-size:22px; font-weight:900; text-transform:uppercase; padding-bottom:10px;} #FooterRow1 strong, #FooterRow1 b{font-weight:700;} #FooterRow2 { background-color: #bebab6; padding: 20px 0; } #FooterRow2 .InnerWrapper { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around;} #FooterRow2 img{ margin: 0 } #FooterRowGreen { padding: 7px 0; color: #fff; background-color: #cecd00; } #FooterRowGreen p { margin: 0;} #FooterRowGreen, #FooterRowGreen h1,#FooterRowGreen h2,#FooterRowGreen h3,#FooterRowGreen h4,#FooterRowGreen h5, #FooterRowGreen a { color: #fff; } #FooterRowGreen a:hover { text-decoration: none; color: #840265; } /* ================================================================================ MENU'S ================================================================================ */ .DesktopMenu .RadMenu_MainMenu .rmHorizontal{white-space: nowrap; position:relative; display: flex; flex-wrap: wrap;} .DesktopMenu .RadMenu_MainMenu ul, .DesktopMenu .RadMenu_MainMenu li { margin:0px; padding:0px; list-style:none;} /* !!!!!!!!!! Fake RadMenu */ /* --ROOT-- */ .DesktopMenu .rmHorizontal .rmSlide {display:block !important; box-sizing:border-box; z-index:111; top:100%; left:0; overflow:hidden; height:0; position: absolute; } .DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmLast > .rmSlide {left:auto; right:0} .DesktopMenu .rmHorizontal .rmGroup {opacity:0; transition:opacity 0.3s ease, transform 0.3s ease; transform:translate(0,-10px); } .DesktopMenu .rmHorizontal .rmItem {margin: 0px; padding: 0px; position: relative; clear: none; } .DesktopMenu .rmHorizontal .rmItem .rmLink { cursor: pointer; text-decoration: none; display:block; margin: 0px; padding: 0px; } .DesktopMenu .rmHorizontal .rmItem .rmLink .rmText{width:100%; box-sizing: border-box; padding:0px 10px; line-height: 40px; height:40px; font-size: 18px; display: block; white-space: normal; color:#840265; text-transform:uppercase; border-radius:5px;} /*first,last,only*/ .DesktopMenu .rmHorizontal .rmItem.rmFirst{} .DesktopMenu .rmHorizontal .rmItem.rmLast {} .DesktopMenu .rmHorizontal .rmItem.rmOnly {} /*expanded,hover,selected,breadcrumb*/ .DesktopMenu .rmHorizontal.rmRootGroup .rmItem:has(.rmSlide:hover) > .rmLink > .rmText {} .DesktopMenu .rmHorizontal.rmRootGroup .rmItem:hover > .rmLink .rmText {background-color:#840265; color:#fff;} } .DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmSelected > .rmLink > .rmText {background-color:#840265; color:#fff;} } .DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmBreadcrumb > .rmLink > .rmText {background-color:#840265; color:#fff;}} /*--SUB--*/ .DesktopMenu .rmHorizontal .rmLevel0 .rmGroup {transform:translate(-20px, 0px); } .DesktopMenu .rmHorizontal .rmItem:hover > .rmSlide { overflow:visible; height:auto; transform:translate(0px, 0px); padding:0px; border-radius:15px;} .DesktopMenu .rmHorizontal .rmItem:hover > .rmSlide > .rmGroup {opacity:1; transform:translate(0px, 0px);} .DesktopMenu .rmHorizontal .rmSlide .rmItem:hover .rmSlide {left:100%; top:0;} .DesktopMenu .rmHorizontal .rmGroup .rmItem {width:100%; margin:0;} .DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink {margin:0; padding:0; width:100%; display:block;} .DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink .rmText{ margin:0px; padding:0 10px; line-height:30px; height:30px; font-size:13px; display:block; white-space:nowrap; background-color:#840265; color:#fff; border-radius:0; text-align:left; min-width:180px;} /*first,last,only*/ .DesktopMenu .rmHorizontal .rmGroup .rmItem.rmFirst {} .DesktopMenu .rmHorizontal .rmGroup .rmItem.rmFirst > .rmLink > .rmText{} .DesktopMenu .rmHorizontal .rmGroup .rmItem.rmLast > .rmLink > .rmText{} .DesktopMenu .rmHorizontal .rmGroup .rmItem.rmOnly > .rmLink > .rmText{} /*expanded,hover,selected,breadcrumb*/ .DesktopMenu .rmHorizontal .rmGroup .rmItem:has(.rmSlide:hover) > .rmLink > .rmText {} .DesktopMenu .rmHorizontal .rmGroup .rmItem:hover > .rmLink .rmText {color:#fff; background-color:#bebab6;} .DesktopMenu .rmHorizontal .rmGroup .rmItem.rmSelected > .rmLink > .rmText {color:#fff; background-color:#bebab6;} .DesktopMenu .rmHorizontal .rmGroup .rmItem.rmBreadcrumb > .rmLink > .rmText {color:#fff; background-color:#bebab6;} /* !!!!!!!!!! Fake Panelbar / submenu */ .DesktopMenu ul.rmRootGroup.rmVertical {width:100%; position: relative; z-index: 100;} .DesktopMenu .rmVertical .rmSlide {position:static} .DesktopMenu .rmVertical .rmGroup{transform:translateY(0px); transform:translateX(0px);} .DesktopMenu .RadMenu ul.rmRootGroup{ background-color:transparent; border:0;} .DesktopMenu .rmVertical .rmItem {padding:5px 0} .DesktopMenu .rmVertical .rmItem .rmLink .rmText{ margin:0px !important; padding:3px 0px 3px 15px !important; border:0px !important; display:inline-block; vertical-align:middle; white-space:normal; color:#848077; font-size:16px; font-weight:700; transition:all 0.3s ease; position: relative; text-transform:none; border-radius:0; height:auto; line-height:1; background-color:transparent !important; } .DesktopMenu .rmVertical .rmItem .rmLink .rmText:before{ position: absolute; top: 6px; left: 0px; content:"\00BB"; color:#cecd00; padding-right:10px; display:inline-block; vertical-align:middle; margin-top:-3px; transition:all 0.3s ease;} .DesktopMenu .rmVertical .rmSlide {display:none !important} .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide {display:block !important; height:auto; } .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide > .rmGroup {opacity:1} /*sub*/ .DesktopMenu .rmVertical .rmSlide .rmItem {padding-left:20px;} /*expanded,hover,selected,breadcrumb */ .DesktopMenu .rmVertical .rmItem .rmLink:hover { text-decoration:none !important; background:none;} .DesktopMenu .rmVertical .rmItem:has(.rmSlide:hover) > .rmLink > .rmText { color:#848077; } .DesktopMenu .rmVertical .rmItem:hover > .rmLink > .rmText { color:#848077; background:none; } .DesktopMenu .rmVertical .rmItem:hover > .rmLink > .rmText:before { color:#848077; background:none; } .DesktopMenu .rmVertical .rmItem .rmSelected > .rmLink > .rmText { color:#848077; } .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmLink > .rmText { color:#848077;} /* ================================================================================ MOBILE MENU ================================================================================ */ #MobileMenu * {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .MobileMenuHeader {font-size:50px; font-family: "Ionicons"; line-height:50px; cursor:pointer; color:#840265; display:none; text-align:left; width: 50%;} .MobileMenuHeader.active { color:#cecd00; transition:all .12s ease-in-out;} #MobiNav { margin:10px 0 20px 0; text-align:left; display:none; padding:0; } #MobiNav ul {list-style:none; margin:0; padding:0 0 0 20px;} #MobiNav li {list-style:none; margin:0; padding:0 0 0 10px;} #MobiNav .item { min-height:40px; line-height:40px; border-bottom:1px solid #f0f0f0; position:relative; } #MobiNav .item a {color:#847f77 !important} #MobiNav .item a:hover, #MobiNav .item.selected > a { text-decoration:none; color:#840265 !important} #MobiNav .item.haschild:after { position:absolute; top:0px; right:0px; margin:5px 4px 0 0; height:30px; width:30px; display:block; font-size:32px; line-height:0.75; color:#fff !important; background-color:#847f77; text-align:center; cursor:pointer; transition:all .12s ease-in-out; content:"+"; cursor:pointer; border-radius:5px;} #MobiNav .item.haschild:hover:after { background-color:#840265;cursor:pointer;} #MobiNav .item.haschild.active:after { content:"-";cursor:pointer;} #MobiNav .item .subLevel {display:none;} #MobiNav .item.haschild.active > .subLevel {display:block;} #MobiNav .subLevel .item.first {border-top:1px solid #f0f0f0;} #MobiNav .item.last {border-bottom:0;} /* ================================================================================ SCROLL 2 TOP ================================================================================ */ #back-to-top, .touch-device #back-to-top:hover { background-color:#840265; border:2px solid #fff; color:#fff; bottom:10px; display:none; height:45px; position:fixed; right:10px; text-shadow:none; transition:all .2s ease; width:45px; z-index:980; line-height:45px; text-align:center; font-family: "Ionicons"; font-size:28px; border-radius:5px;} #back-to-top:hover {background-color:#fff; color:#840265; text-decoration:none; border-color:#840265;} /* ================================================================================ AGENDA ================================================================================ */ /* CALENDAR MAIN */ #Content .ThemeDefault .EventTitle{text-transform:uppercase; color:#fff; height:auto; background-color:#cecd00;} #Content td.EventNextPrev + td{text-shadow:none; color:#fff; font-size: 24px; padding:20px 0px; letter-spacing:1px;} #Content td.EventNextPrev{text-shadow:none; color:#fff;} #Content td.EventNextPrev a:before{content:"\f124"; font-family:"Ionicons"; font-size: 13px; vertical-align: middle; padding-right: 10px;} #Content td.EventNextPrev ~ td.EventNextPrev{text-shadow:none; color:#fff;} #Content td.EventNextPrev ~ td.EventNextPrev a:before{content:"";} #Content td.EventNextPrev ~ td.EventNextPrev a:after{content:"\f125"; font-family:"Ionicons"; font-size: 13px; vertical-align: middle; padding-left: 10px;} #Content .EventNextPrev a:link, #Content .EventNextPrev a:visited, #Content .EventNextPrev a:active{color:#fff !important; font-size:18px;} #Content .ThemeDefault .EventTitle td{vertical-align:middle;} #Content .ThemeDefault .EventDayHeader{font-size: 14px; padding: 10px 0px; background-color:#848077;} #Content .ThemeDefault .EventDay{background-color:#fff; color:#848077; border: 1px solid #e6e6e6; font-size:14px;} #Content .ThemeDefault .EventWeekendDay{background-color:#fff;} #Content .ThemeDefault .EventOtherMonthDay{background-color:#f2f2f1;} #Content .ThemeDefault .EventDay .EventDayScroll > div > a{background-color:#840265; color:#fff; border-radius: 5px; padding:0px 17px 0px 8px; font-size: 12px;} #Content .EventNextPrev a:link, #Content .EventNextPrev a:visited, .EventNextPrev a:active {color:#ccc;} #Content .ThemeDefault .EventTodayDay{background-color:#fff} .Head, .SubHead{font-size:18px;} /* ================================================================================ PUBLICATIE MODULE ================================================================================ */ /* ARTICLE LIST */ .pubArticleList {} .pubArticleList h1 {} .pubArticleList .pubControls { padding:10px 0px;} .pubArticleList .pubItem {padding:15px 0px;} .pubArticleList .pubItem .pubThumbNail{height:110px; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:5px; width: 30%;} .pubArticleList .pubItem .pubContent {} .pubArticleList .pubItem .pubContent .pubTitle{display:block; font-weight:700;} .pubArticleList .pubItem .pubContent .pubSummary {display:block; padding-bottom:10px;} .pubArticleList .pubItem .pubContent .pubMetaData {font-size:14px; color:#999; padding:5px 0px;} .pubArticleList .pubItem .pubContent .pubLink{} /* ARTICLE DETAILS */ .pubArticleDetails {} .pubArticleDetails h1 { } .pubArticleDetails .pubMetaData { color:#999; font-size:14px; margin-bottom:7px;} .pubArticleDetails .pubContent { margin-bottom:10px;} .pubArticleDetails .pubContent .pubThumbnailImage{height: 300px; width: 100%; border-radius: 5px; margin-bottom: 20px; background-size:cover; background-repeat:no-repeat; background-position:center center; } .pubArticleDetails .pubReturnLink {margin-bottom:20px;} .pubArticleDetails .pubReturnLink a {} /* ARTICLE VIEWER */ .pubArticleViewer {} .pubArticleViewer .pubItem {} .pubArticleViewer .pubItem .pubTitle {font-size:14px; font-weight:bold;} .pubArticleViewer .pubItem .pubMetaData {font-size:11px; color:#999;} .WrapperNieuws{padding-top:60px; padding-bottom:20px;} .ViewerNieuws { padding: 0 0 0 52%;} .ViewerNieuws h2 { color:#fff; font-weight:900;} .ViewerNieuws .pubItem {color:#fff;} .ViewerNieuws .pubItem:hover{text-decoration:none;} .ViewerNieuws .pubItem:first-of-type { position: absolute; top: 0; left: 0; width: 46%; height:calc(100% - 80px); margin-top:60px; float: left; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius:5px; padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box;} .ViewerNieuws .pubItem:first-of-type .pubTitle, .ViewerNieuws .pubItem:first-of-type .pubDate{text-shadow: 1px 1px 5px rgba(0,0,0,0.7); -webkit-text-shadow: 1px 1px 5px rgba(0,0,0,0.7);} .ViewerNieuws .pubItem:first-of-type .pubTitle{font-size:30px; font-weight:900; position:absolute; bottom:45px; left:15px; width:calc(100% - 30px); line-height:1.2;} .ViewerNieuws .pubItem:first-of-type .pubDate{font-size:17px; font-weight:900; text-transform:uppercase; position:absolute; bottom:15px; left:15px;} .ViewerNieuws .pubItem:not(:first-of-type) { background-image: none !important; border-top:1px solid rgba(255,255,255,0.5); display:block; padding:15px 0px; min-height:40px;} .ViewerNieuws .pubItem:not(:first-of-type) .pubTitle{width:calc(100% - 120px); float:right; font-size:17px;} .ViewerNieuws .pubItem:not(:first-of-type) .pubDate{width:120px; float:right; font-size:17px; font-weight:900; text-transform:uppercase;} .ViewerNieuws .pubItem:after{clear:both; content:'.'; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0;} .ViewerNieuws .pubItem:nth-of-type(2){border:0;} .ViewerNieuws .pubItem .pubTitle {} .ViewerNieuws .pubItem .pubDate {} /* COMMENT VIEWER */ .pubCommentViewer .pubItem {} .pubCommentViewer .pubItem .pubMetaData {font-size:11px; color:#999;} /* SIDEBAR */ .pmsb_wrap { } .pmsb_wrap .pm_block {} .pmsb_wrap .pm_block .pm_block_header { } .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 { } /* ==== HOME BLOK ==== */ .HomeBlokWrapper{-webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom:60px; margin-top:20px;} .HomeBlokWrapper .HomeBlokItem{width:30.66%; text-align:center; position:relative; padding-bottom:35px; } .HomeBlokWrapper .HomeBlokItem .HomeBlokImg{max-width:100%; padding-bottom:20px;} .HomeBlokWrapper .HomeBlokItem .HomeBlokTitle{font-size:25px; font-weight:900; color:#848077; padding-bottom:15px;} .HomeBlokWrapper .HomeBlokItem .HomeBlokContent{padding-bottom:20px;} .HomeBlokWrapper .HomeBlokItem .HomeBlokButton{position:absolute; display:inline-block; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap;} /* ==== TWITTER LINK ==== */ .TwitterLink { display: inline-block; vertical-align:middle; padding: 10px 0; color:#1da1f2 !important;} .TwitterLink:before{content:"\f243"; font-family:"Ionicons"; font-size:30px; padding-right:10px;} .TwitterLink:hover{text-decoration:none; color:#cecd00 !important;} /* ==== PARTNERS ==== */ .Partners {} .Partners .PartnersContainer { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .Partners .PartnersContainer .PartnerItem { display: block; width: 30%; height: 100px; background-size: contain; background-repeat: no-repeat; background-position: center center; } /* ==== ACTIE BLOK ==== */ .ActieBlok { padding: 20px;/* border: 5px solid #cecd00;*/ border-radius:5px; background-color: #cecd00;} .ActieBlok .ActieBlokTekst {color:#847f77; color:#fff; font-size:36px; padding-bottom:20px;} .ActieBlok .Knop { } /* ==== ACTIE BLOK ==== */ .Partners{padding:60px 0px 20px 0px;} .Partners h2{ color:#cecd00; font-weight:900; padding-bottom:20px;} /* ==== QUICKLINKS ==== */ .QuickLinks { padding-top: 40px;} .QuickLinks .QuickLinksHeader { color: #fff; text-transform: uppercase; font-size:25px; padding-bottom:20px;} .QuickLinks .QuickLinksItems { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin:0; padding:0px;} .QuickLinks .QuickLinksItems .QuickLinksItem { display: block; width: 22%; margin: 0 4% 25px 0; box-sizing: border-box; } .QuickLinks .QuickLinksItems .QuickLinksItem:nth-child(4n+4) { margin-right: 0px;} .QuickLinks .QuickLinksItems .QuickLinksItemLink { display: block; margin: 2px 0; background-color: #fff; text-align: center; color:#847f77; transition:all 0.3s ease; border:2px solid #fff; -webkit-border-radius: 5px; border-radius: 5px; font-size:16px; font-weight:900; text-transform:uppercase; line-height:30px; } .QuickLinks .QuickLinksItems .QuickLinksItemLink:hover{text-decoration:none; background-color:#840265; color:#fff;} .QuickLinks .QuickLinksItems .QuickLinksItemLink.Highlight { background-color: #fff; color:#cecd00; border:2px solid #fff; } .QuickLinks .QuickLinksItems .QuickLinksItemLink.Highlight:hover{; background-color:#840265; color:#cecd00;} /* ==== BANNER ==== */ .BannerInnerWrapper{max-width:1100px;} .BannerWrapper { overflow: hidden; border-radius:5px; margin: 0; padding: 0 0 40px 0; } .BannerWrapper, .BannerWrapper *:focus { -webkit-outline: none !important; outline: none !important; } .BannerWrapper .BannerItem { display: none; position: relative; width: 100%; height: 400px; padding: 0; margin: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .BannerWrapper.flickity-enabled .BannerItem { display: block; } .BannerWrapper .BannerItem .BannerText { position: absolute; left: 0; bottom: 0; padding: 0 60px 25px 60px; color: #fff; font-size: 40px; text-transform: uppercase; } .BannerWrapper .BannerItem .BannerText b, .BannerWrapper .BannerItem .BannerText strong{font-weight:900;} .BannerWrapper .flickity-prev-next-button{display:none;} /* FAQ ITEMS */ .FaqWrapper { } .FaqItems { } .FaqItem { margin: 0 0 15px 0; } .FaqItemVraag { padding: 10px 15px; font-size: 16px; color: #ffffff; background-color: #cecd00; position: relative; border-radius: 10px; cursor: pointer; transition: all 0.3s ease; } .FaqItemVraag:after { content: "\f123"; font-family: 'Ionicons'; font-weight: 900; color: #fff; font-size: 16px; line-height: 20px; display: inline-block; width: 20px; height: 20px; position: absolute; top: 12px; right: 20px; transition: all .5s ease; transform-origin: center center; text-align: center; } .FaqItemVraag.active:after { transform: rotate(-180deg); } .FaqItemVraag:hover, .FaqItemVraag.active { background-color: #840265;} .FaqItemAntwoord {padding: 15px; display: none; overflow: hidden;} /* .FaqItem:nth-child(2n+2) .FaqItemVraag { background-color: #A2C03D; } */ /* ==== CONTACT FORM ==== .Theme_Normal_Default .form_label{display:none;} .Theme_Normal_Default .form_label, .Theme_Normal_Default .form_input, .Theme_Normal_Default .form_required{width:100%;} .Theme_Normal_Default .form_required{display:none;} */ /* ========= FORMULIEREN ==============*/ .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;} /* new form */ .Theme_Normal_Default, .Theme_Normal_Default select, .Theme_Normal_Default textarea, .Theme_Normal_Default input[type="text"], .Theme_Normal_Default input[type="password"], .Theme_Normal_Default input[type="datetime"], .Theme_Normal_Default input[type="datetime-local"], .Theme_Normal_Default input[type="date"], .Theme_Normal_Default input[type="month"], .Theme_Normal_Default input[type="time"], .Theme_Normal_Default input[type="week"], .Theme_Normal_Default input[type="number"], .Theme_Normal_Default input[type="email"], .Theme_Normal_Default input[type="url"], .Theme_Normal_Default input[type="search"], .Theme_Normal_Default input[type="tel"], .Theme_Normal_Default input[type="color"], .Theme_Normal_Default .uneditable-input{ font-family: inherit !important; } .Theme_Normal_Default .form_row { padding-bottom: 0 !important; margin-bottom: 0 !important;} .Theme_Normal_Default .dispalytable{ padding-left: 0 !important; margin-bottom: 0 !important; ;} .Theme_Normal_Default .form_label {width: auto !important; } .Theme_Normal_Default ul {list-style: none } .Theme_Normal_Default .form_label label { font-weight: 700; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .Theme_Normal_Default #Ctl_Dagdeelvoorkeur_17806_Wrap label{ font-size: 14px; } /* end new form */ .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:#f2f2f1; border:0; color:#333333; margin: 0 0 10px 0; padding: 10px 15px; width: 100%; } .DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]::-webkit-input-placeholder, .DnnModule-DNNGoPowerForms .form_list .form_input textarea::-webkit-input-placeholder { color: #bbb;} /* Chrome/Opera/Safari */ .DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]::-moz-placeholder, .DnnModule-DNNGoPowerForms .form_list .form_input textarea::-moz-placeholder { color: #bbb;} /* 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: #bbb; } /* IE 10+ */ .DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]:-moz-placeholder, .DnnModule-DNNGoPowerForms .form_list .form_input textarea:-moz-placeholder { color: #bbb;} /* Firefox 18- */ .Theme_Responsive_Default .form_label { font-weight: 700;} .form_captcha { margin: 30px 0 20px 0;} .DnnModule-DNNGoPowerForms .form_submit .btn{display:inline-block; font-size:15px; font-weight:900; background-image: none; text-shadow: none; background-color:#840265; border:2px solid #840265; color:#fff; border-radius:5px; text-transform:uppercase; margin-top:20px; padding:6px 10px; transition:all 0.3s ease; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .DnnModule-DNNGoPowerForms .form_submit .btn:hover{color:#840265; background-color:transparent; text-decoration:none;} /* Contactformulier - Onderwerp veld verbergen */ .DnnModule-DNNGoPowerForms #Ctl_Onderwerp_16463 {display: none;} /* ================================================================================ MOGELIJKHEDEN TUSSENPAGINA ================================================================================ */ .Page8141 #Content #TopRow .InnerWrapper .one-third{display:none;} .Page8141 #Content .ContentRow .InnerWrapper .ContentLeft{display:none;} .Page8141 #Content .ContentRow .InnerWrapper .ContentRight{width:100% !important;} .FilterOpties{width:100%} .FilterOpties .FilterKnop{display:inline-block; margin: 0 20px 20px 0; text-transform:uppercase; float:left; line-height:21px;} .FilterOpties .FilterKnop.Active:before { content: "\f122"; text-indent: 0px; } .FilterOpties .FilterKnop:before{display:inline-block; vertical-align:bottom; content:"e"; font-family:"Ionicons"; overflow:hidden; text-indent:999px; width:20px; height:20px; text-align:center; line-height:20px; margin:0 15px 0 0; background-color:#f2efee; color:#b1aeaa; text-shadow:0px 0px 2px #fff;} .MogelijkhedenOuterWrapper {margin-top:30px; width: 100%; overflow: hidden;} .MogelijkhedenWrapper{ width: 104%; overflow: hidden;} .MogelijkhedenItemWrapper{float: left; width:22%; margin-right:2.7%; margin-bottom:20px; display:block; -webkit-box-sizing:border-box; box-sizing:border-box; transition: all 0.5s ease;} .MogelijkhedenItemWrapper .MogelijkhedenItem { display: block; position: relative;background:#BDB9B5;} .MogelijkhedenItemWrapper .MogelijkhedenItem:hover{text-decoration:none;} .MogelijkhedenItemWrapper .MogelijkhedenItem:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; transition: opacity 0.3s ease; z-index:1; opacity: 0;} .MogelijkhedenItemWrapper .MogelijkhedenItem:hover:before{opacity: 0.2;} .MogelijkhedenItemWrapper .MogelijkhedenItem.Onderzoeken {background:#840265;} .MogelijkhedenItemWrapper .MogelijkhedenItem.Behandelingen {background:#b9c008;} .MogelijkhedenItemWrapper .MogelijkhedenItem.Coaching {background:#3c3c3b;} .MogelijkhedenItemWrapper .MogelijkhedenItem.Studies {background:#717807;} .MogelijkhedenItemWrapper .MogelijkhedenTitel,.MogelijkhedenItemWrapper .MogelijkhedenItem{color:#FFF;} .MogelijkhedenItemWrapper .MogelijkhedenTitel{position:relative; z-index:2; font-size:18px; font-weight:700; height:52px; padding:8px;} .MogelijkhedenSubWrapper { } .MogelijkhedenSubWrapper .MogelijkhedenItem { float: left; display: block; width: 32%; margin: 0 2% 15px 0; font-size:16px; font-weight:700; height:68px; padding:8px; background:#BDB9B5; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .MogelijkhedenSubWrapper .MogelijkhedenItem:nth-child(3n+3) {margin-right: 0;} .MogelijkhedenSubWrapper .MogelijkhedenItem:hover{text-decoration:none;} .MogelijkhedenSubWrapper .MogelijkhedenItem.Onderzoeken {background:#840265;} .MogelijkhedenSubWrapper .MogelijkhedenItem.Behandelingen {background:#b9c008;} .MogelijkhedenSubWrapper .MogelijkhedenItem.Coaching {background:#3c3c3b;} .MogelijkhedenSubWrapper .MogelijkhedenItem.Studies {background:#717807;} /* ================================================================================ SMOELENBOEK ================================================================================ */ .SmoelenboekWrapper { width: 100%; text-align: center; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .SmoelenboekWrapper, .SmoelenboekWrapper *:focus { -webkit-outline: none !important; outline: none !important; } .SmoelenboekWrapper .SmoelboekItem{ width:30%; min-height:270px; margin: 0 0 20px 0; text-align:center; display:block;} .SmoelenboekWrapper .SmoelenboekAfbeelding{height:140px; width:140px; border-radius:75px; border:2px solid #CDCC03; margin-bottom:20px; background-size: cover; background-position: center center; } .SmoelenboekWrapper .SmoelenboekNaam, .SmoelenboekWrapper .SmoelenboekFunctie{font-size:14px; text-align:center;} .SmoelenboekWrapper .SmoelenboekNaam{color:#830965; font-weight:700;} .SmoelenboekWrapper .SmoelenboekFunctie{font-style:italic} /* .SmoelenboekWrapper .flickity-viewport {width: 100%; overflow: hidden;} .SmoelenboekWrapper .flickity-prev-next-button { display: inline-block; width: 32px; height: 32px; margin: 10px; border: none; color: #fff; background-color: #cecd00; cursor: pointer; font-family: 'Ionicons'; } .SmoelenboekWrapper .flickity-prev-next-button:hover { background-color: #840265; } .SmoelenboekWrapper .flickity-prev-next-button.previous:before { content: "\f124"; } .SmoelenboekWrapper .flickity-prev-next-button.next:before { content: "\f125"; } */ /* ================================================================================ CONTAINER LAYOUT'S ================================================================================ */ .Container {} .ContainerHeader { } .ContainerContent {} .ContainerFooter {} /* ================================================================================ QUICK FIXES ================================================================================ */ /* -- footer fixed to bottom -- */ /* #Wrapper { position: relative;} #Panes { padding-bottom: 100px; } #Footer { position: absolute; width: 100%; height: 100px; bottom: 0px; margin-top: 20px;} */ /* CORONA PAGES */ .Page10254 .RadPanelBar , .Page10255 .RadPanelBar , .Page10256 .RadPanelBar , .Page10257 .RadPanelBar { display: block !important; margin-bottom: 40px !important; } .Page10254 .RadPanelBar:before , .Page10255 .RadPanelBar:before , .Page10256 .RadPanelBar:before , .Page10257 .RadPanelBar:before { content: "Navigatie"; display: block; padding: 0 0 5px 0; font-family: 'Muli', sans-serif; font-size: 20px; font-weight: 700; color: #840265; } .Page10254 .RadPanelBar .rpItem , .Page10255 .RadPanelBar .rpItem , .Page10256 .RadPanelBar .rpItem , .Page10257 .RadPanelBar .rpItem { padding: 3px 0 !important;border-bottom: 1px solid #ccc !important; } .Page10254 .RadPanelBar .rpItem.rpFirst , .Page10255 .RadPanelBar .rpItem.rpFirst , .Page10256 .RadPanelBar .rpItem.rpFirst , .Page10257 .RadPanelBar .rpItem.rpFirst { border-top: 1px solid #ccc !important; } /* ================================================================================ MEDIA QUERIES ================================================================================ */ @media only screen and (max-width: 1140px) { } @media only screen and (max-width: 1024px) { .SmoelenboekWrapper .SmoelboekItem{width:45%; } /* .SmoelboekItem:nth-child(2n){margin-right:0;} .SmoelboekItem:nth-child(3n){margin-right:3%} */ .MogelijkhedenItemWrapper{ width:30%; margin-right:2.75%; } } @media only screen and (max-width: 768px) { H1 {font-size:36px; } .InnerWrapper { max-width:480px} .MobileMenuHeader, .MobileMenuHeader.active ~ #MobiNav {display:block;} .RadMenu, .RadPanelBar {display:none;} .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {float:none; margin-right:0; width:100%;} .FlexWrapper{display:block;} #Logo{width:100%; text-align:center; margin: 0; padding-bottom:10px;} #Logo a img{ height: 80px; } #Header {padding-top: 10px;padding-bottom: 10px;} #Header .HeaderRight{width:100%; } #Header #HeaderTop{text-align:center; position: absolute; right: 0; top: 5px;} #Header .HeaderLinks{display: none; /*width:100%;*/} #Header .HeaderLinks a{display:block;} #Search{right:0; /*-webkit-transform:translateX(-50%); transform:translateX(-50%); */width:280px; border: 7px solid #cecd00; } #Menu{padding-top:0px;} #Header .RadMenu{display:none !important;} #BannerRow:before { height: 110px; } .BannerWrapper .BannerItem { height: 240px;} .BannerWrapper .BannerItem .BannerText{font-size:30px;} .QuickLinks { padding-top: 0px;} .QuickLinks .QuickLinksItems .QuickLinksItem{ width:100%; margin: 0 0 10px 0;} .HomeBlokWrapper .HomeBlokItem{width:100%;} .HomeBlokWrapper .HomeBlokItem .HomeBlokButton{position:relative; bottom:auto; left:auto; transform:none;} .ActieBlok .ActieBlokTekst{font-size:25px;} #Content #Row2 .Container{padding-top:60px;} .ViewerNieuws{width:100%; padding:0;} .ViewerNieuws .pubItem:first-of-type{position:relative; width:100%; margin-top:0; height:220px; margin-bottom:20px;} .Partners .PartnersContainer .PartnerItem{width:100%; margin-bottom:20px;} .FooterPane{margin-bottom:40px;} .ContentRow .ContentLeft h2{display:none;} .pubArticleList .pubItem .pubThumbNail{width: 100%; height:170px; margin-bottom:10px;} .MogelijkhedenItemWrapper { width:47.5%; margin-right:2.5%; } .MogelijkhedenSubWrapper .MogelijkhedenItem, .MogelijkhedenSubWrapper .MogelijkhedenItem:nth-child(3n+3) { width:47.5%; margin-right:2.5%; } .MogelijkhedenSubWrapper .MogelijkhedenItem:nth-child(2n+2) { margin-right:0; } .SmoelboekItem{width:97%; } .SmoelboekItem:nth-child(3n){margin-right:3%} #FooterRow2 { padding: 10px 0;} #FooterRow2 img{ transform: scale(0.8); } } @media only screen and (max-width: 480px) { H1 {font-size:32px; } #BannerRow:before { height: 100px; } .BannerWrapper .BannerItem { height: 200px;} .BannerWrapper .BannerItem .BannerText{font-size:20px;} .MogelijkhedenItemWrapper .MogelijkhedenTitel { font-size: 15px;} .MogelijkhedenSubWrapper .MogelijkhedenItem {font-size: 15px;} #FooterRow2 { padding: 0;} #FooterRow2 img{ transform: scale(0.6); } }