/* ================================================================================ 
   =====                            CSS STYLES FOR                            ===== 
   =====                        SCHOOLWEBSITE.NU SKIN                         ===== 
   ================================================================================ */


/* ================================================================================ 
                                  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 {

    margin:0px; 
    padding:0px; 
    overflow-y:scroll;         /* Altijd een scrollbalk afdwingen i.v.m. verspringingen */
}

body {
	text-align:left;
	font-family: 'Work Sans', sans-serif;
	font-size:17px;
	line-height:2;
}




#Body {color:#000000}    

#Form {}     


/* HEADINGS */
H1, H2, H3, H4, H5 {font-family: 'Amaranth', sans-serif; color:#004982; font-weight:700; line-height:1.1;  padding:0; margin:0}
H1 {font-size:90px;}
H2 {font-size:60px; color:#004982; padding-bottom:40px;}
H3 {font-size:36px;}
H4 {font-size:22px; font-style:italic; font-weight:400;}
H5 {font-size:19px; line-height:2; 	font-family: 'Work Sans', sans-serif;}

p {margin:0 0 25px 0}

/* LINKS */ 
A:link      {color:#004982; text-decoration:none; transition:color 0.3s ease;}
A:visited   {color:#004982;}
A:hover     {color:#004982; text-decoration:underline;}
A:active    {color:#004982;}

/* 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: #444; color: #fff; border: 2px solid #444; border-radius: 5px; text-shadow: none; box-shadow: none;}
.dnnPrimaryAction:hover, 
.dnnFormItem input[type="submit"]:hover, 
a.dnnPrimaryAction:hover{background: none; background-color: #fff; color: #444 !important; border: 2px solid #444; 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;}
.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);}

#dnn_ctr39341_Sidebar_lblNoMoreCriteria {display:none}

/* 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;}                  /* 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;}   


a.Knop, .pmsb_wrap .pm_block ul li  a{box-sizing:border-box; max-width:100%; overflow:hidden; text-overflow:ellipsis; padding:0 40px; display:inline-block; line-height:50px; font-size:20px; white-space:nowrap; color:#fff !important; font-weight:600; background: -moz-linear-gradient(left, rgba(118,183,41,1) 0%, rgba(35,166,56,1) 100%); 
background: -webkit-linear-gradient(left, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%); 
background: linear-gradient(to right, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%); border-radius:25px; box-shadow:0 0 4px 0 rgba(100,100,100,0.6);
background: #23a638; /* Old browsers */
background: -moz-linear-gradient(left, #23a638 0%, #76b729 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #23a638 0%,#76b729 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #23a638 0%,#76b729 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


 }
a.Knop:after{content: "\f10b"; font-weight:400;
    display: inline-block;
    padding-left: 10px;
    font-family: "Ionicons";
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;}
a.Knop:hover, .pmsb_wrap .pm_block ul li a:hover { text-decoration:none !important; color:#004982 !important; background:#e9f6fe }


/* ================================================================================ 
                                     MAIN LAYOUT
   ================================================================================ */
.ControlPanel { }

.MessageBar {
	background-color:#f6002a; max-height:65px; 
}

.MessageContent {
	font-family: 'Calibri'; font-size:21px; text-align:center; color:white; text-align:center
}
#Message .InnerWrapper {
	max-width: 1145px;	
}

.MessageText {
	padding: 20px 0px;
}

#Wrapper { margin:0px auto; min-height:100%; background-color:#ffffff; text-align:left;}
.InnerWrapper { margin:0px auto; padding: 0 20px; max-width:1180px; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; z-index:10;}
#Header .InnerWrapper { min-height:95px; max-width:1335px}
#Menu  .InnerWrapper {max-width:1335px}

.FlexWrapper{ display: -webkit-flex; display: flex;}
.JustifyContentCenter { -webkit-justify-content:center; justify-content:center}
.JustifyContentSpaceEvenly{ -webkit-justify-content:space-evenly; justify-content:space-evenly} 

/* HEADER SECTION  */
#Header { background-color:#fff; text-align:right}
a.FixedLogo { position:fixed; top:45px; left:calc((100vw - 1355px) / 2); z-index:912;}
.LogoImage {width:150px}
#Header .Logo { position:absolute; top:45px; left:0; z-index:101;}
#Header .HeaderPane { display:inline-block; font-size:16px;  color:#9d9a9b}
#Header .HeaderPane .ModDNNHTMLC a{  color:#9d9a9b !important} 
#Header.fixed {padding-top:78px}
#Header.fixed ~ #Menu{ position:fixed; top:0; left:0; width:100%; z-index:100; box-shadow:0 0 4px 0 rgba(100,100,100,0.6)}
#Header.fixed  ~.FixedLogo {position:fixed; top:33px;}

.AnchorLink {-webkit-transform:translatey(-100px); transform:translatey(-100px)}


/* SEARCH  */
#Search { display:inline-block; margin:33px 25px 0 25px; padding:0 20px; background-color:#f3f8ee; border-radius:20px;}
#Search .SkinObject{font-family: "Ionicons"; font-size:18px; vertical-align:middle;}   
#Search .NormalTextBox { -webkit-appearance:none; background-color:transparent; border:0; line-height:40px; height:40px; font-size:16px;}
#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; }
#Search .NormalTextBox:focus { outline:none; }  

#Search .SkinObject {color:#23a638; font-size:24px;}
#Search .SkinObject:hover {text-decoration:none; color:#004982}

/* LOGIN  */	
#Login { display:inline-block; display:none;  }
#Login a.SkinObject {font-size:13px; color:#9d9a9b}
#Login a.SkinObject:before{content:"\f213"; font-size:20px; line-height:1; font-family: "Ionicons"; display:inline-block;padding-right:7px; vertical-align:middle;}
#Login a.SkinObject:hover { text-decoration:none;}

/* MENU SECTION */
#Menu { position:relative;  background-color:#65b32e; width:100%; text-align:right; z-index:911;
background: rgb(118,183,41); /* Old browsers */
background: -moz-linear-gradient(left, rgba(118,183,41,1) 0%, rgba(35,166,56,1) 100%);
background: -webkit-linear-gradient(left, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%); 
background: linear-gradient(to right, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%); 
}

.BannerWrapper{ }
.BannerWrapper .Banner { position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center; overflow:hidden; box-sizing:border-box;}
.BannerWrapper .BannerMask{ width:1500px; height:1500px; border-radius:15px;  position:absolute; left:110%; top:calc(50% - 750px);
background: rgb(118,183,41); background: -moz-linear-gradient(left, rgba(118,183,41,1) 0%, rgba(35,166,56,1) 100%); background: -webkit-linear-gradient(left, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%); background: linear-gradient(to right, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%); transform-origin:center center;transform:  rotate(46deg); }
.BannerWrapper .Banner .InnerWrapper{min-height:40vh; min-height:570px }
.BannerWrapper .Banner .BannerTitle {font-size:96px; color:#fff; line-height:1.1; width:70%; position:absolute; left:0; bottom:145px;}
.BannerWrapper .Banner .BannerLinks {width:30%; position:absolute; right:0; bottom:165px;}
.BannerWrapper .Banner .BannerLink {margin-top:20px; display:block; border-radius:25px; line-height:50px; background-color:#fff; text-align:center; font-weight:600; font-size:22px;}
.BannerWrapper .Banner .BannerLink:hover { text-decoration:none !important; background-color:#004982; color:#fff;}
.BannerWrapper .Banner .BannerLink.VerbergKnoptrue {display:none;}


/* CONTENTDECORATIE*/
.ContentDecorationWrapper{ position:absolute; top:0; left:0; height:100vh; width:100vw; overflow-x:hidden; }
.ContentDecorationGroen { width:1500px; height:1500px; border-radius:35px;  position:absolute; 
right:calc(((100vw - 1180px) /2) + 1180px); top:900px; transform:  rotate(140deg);
background: #23a638; /* Old browsers */
background: -moz-linear-gradient(top, #23a638 0%, #76b729 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #23a638 0%,#76b729 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #23a638 0%,#76b729 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.ContentDecorationBlauw { width:1500px; height:1500px;  position:absolute; left:calc(((100vw - 1180px) /2) + 830px); top:1800px;
background: #e9f6fe; transform:  rotate(56deg);}

/*afwijkende decoratie per pagina */
.Sub #Content:before{display:none;}
.Sub .ContentDecorationBlauw{top:325px} 
.Sub .ContentDecorationGroen {display:none;}

.PageId35912  #Content:before {display:block;}
.PageId35912 .ContentDecorationGroen{display:block; right:auto;left:calc(((100vw - 1180px) /2) + 1236px); top:600px; }
.PageId35912 .ContentDecorationBlauw{display:block; left:auto; right:calc(((100vw - 1180px) /2) + 1120px); top:940px; transform:rotate(64deg) }

.PageId35937 .ContentDecorationGroen{display:block; right:auto;left:calc(((100vw - 1180px) /2) + 1236px); top:1450px; }
.PageId35937 .ContentDecorationBlauw{display:block; left:auto; right:calc(((100vw - 1180px) /2) + 1120px); top:1675px; transform:rotate(64deg) }

.PageId35938 #Content:before {display:block;}
.PageId35938 .ContentDecorationGroen{display:block;right:calc(((100vw - 1180px) /2) + 1235px); top:666px; }
.PageId35938 .ContentDecorationBlauw{display:block; left:calc(((100vw - 1180px) /2) + 830px); top:2190px;  transform:  rotate(56deg);}

.PageId35940 #Content:before {display:block;}
.PageId35940 .ContentDecorationGroen{display:block;left:calc(((100vw - 1180px) /2) + 1215px); top:2000px; display:none; }
.PageId35940 .ContentDecorationBlauw{display:block; left:auto; right:calc(((100vw - 1180px) /2) + 1287px); top:790px;  transform:  rotate(56deg);}
.PageId35940 #Content .BottomWrapper{background-color:#e9f6fe;}
.PageId35940 #Content .BottomWrapper .Container{margin-bottom:0;}



/* PANES SECTION */
#Content { position:relative; max-width:100vw; overflow:hidden; padding-top:60px; }
#Content:before{content:""; display:block; width:100%; position:absolute; height:500px; background-color:#e9f6fe; top:0; left:0;}
#Content .Container { margin-bottom:120px;}
#Content .Container.LessPadding { margin-bottom:50px;}
#Content .Container img{max-width:100%;}

.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%}

.SmallContentPane {margin:0 auto; width:66.66%;}

/* FOOTER SECTION */
#Footer { padding:75px 0 90px 0; background: rgb(118,183,41); background: -moz-linear-gradient(left, rgba(118,183,41,1) 0%, rgba(35,166,56,1) 100%);background: -webkit-linear-gradient(left, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%); background: linear-gradient(to right, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%); }
#Footer .InnerWrapper{max-width:1340px}
.FooterPane {background-color:#fff; padding:70px 80px; position:relative; }
.FooterPane:after {content:""; height:64px; width:64px; position:absolute; left:calc(50% - 32px); bottom:-32px; transform:rotate(45deg); z-index:10; background-color:#fff;}
.FooterContentWrapper { display:flex; justify-content:space-between}
.FooterContentWrapper .FooterContentItem{ font-size:15px; max-width:50%;}
.FooterContentWrapper .FooterContentItem  + .FooterContentItem{}
.FooterContentWrapper .FooterContentItem .FooterContentItemTitle{ padding-bottom:25px; white-space:nowrap}
.FooterContentWrapper .FooterContentItem .FooterContentItemContent a { display:block; text-decoration:underline !important; white-space:nowrap}
.FooterContentWrapper .FooterContentItem .FooterContentItemContent a:hover {color:#2aa737}
#SecondFooter {padding:70px 0 90px 0; background-color:#fff;}
#ThirdFooter {height:50px; background-color:#eee; line-height:50px; font-size:14px;}

.CopyRight .one-half.last .JustifyContentSpaceEvenly a {padding-right:20px;}

/*SocialMedia*/
.SocialMediaIcons {}
.FooterContentWrapper .FooterContentItem .FooterContentItemContent .SocialMediaIcons a {font-family: "Ionicons"; margin:0 10px 0 0; font-size:22px; display:inline-block; vertical-align:top; line-height:30px; width:30px; text-align:center; text-decoration:none !important; border:1px solid #2aa737; border-radius:50%; color:#2aa737}
.FooterContentWrapper .FooterContentItem .FooterContentItemContent .SocialMediaIcons a:hover { text-decoration:none; color:#fff; background-color:#2aa737} 

/* ================================================================================ 
                                     Formulieren BOOTSCTRAP Overides
   ================================================================================ */
.ModActionFormC .bstrap30 .col-sm-5 { width: 49%}
.ModActionFormC .bstrap30 .col-lg-7 {  width: 100%}
.ModActionFormC .bstrap30 .col-sm-offset-2 {  margin-left: 2%}
.ModActionFormC .bstrap30 .form-control {  background-color: #ececec; height:40px}
.ModActionFormC .bstrap30 textarea.form-control {min-height:100px}
.ModActionFormC .bstrap30 .form-control:focus {  background-color: #fff;  }
.ModActionFormC .bstrap30 .radio input[type=radio],
.ModActionFormC .bstrap30 .radio-inline input[type=radio],
.ModActionFormC .bstrap30 .checkbox input[type=checkbox],
.ModActionFormC .bstrap30 .checkbox-inline input[type=checkbox] {  position: static;  margin-left: 0;  margin-right: 10px;}
.ModActionFormC .bstrap30 .radio label,
.ModActionFormC .bstrap30 .checkbox label { padding-left: 0;}
.ModActionFormC .bstrap30 .label-align-top .checkbox,
.ModActionFormC .bstrap30 .label-align-top .radio {  margin-left: 0; padding-left: 0;  padding-right: 20px;}
.ModActionFormC .bstrap30 .field-container { margin-bottom: 0;}
.ModActionFormC .bstrap30 p {  margin: 0;}
.ModActionFormC .bstrap30 .col-sm-offset-5 {  margin-left: 0;}
.ModActionFormC .bstrap30 .btn{ font-weight: 400; display: inline-block; max-width: 100%;  padding: 11px 45px 9px 17px;    line-height: 25px; color: white;  background-color: #575757; border: 0;  border-radius: 0;  font-size: 20px;   position: relative;    color: #fff !important}
.ModActionFormC .bstrap30 .btn:after { content: "\f125";    font-family: "Ionicons";   position: absolute;   right: 10px;    top: 10px;   font-size: 24px;  }
.ModActionFormC .bstrap30 .btn:hover { text-decoration: none;  background-color: #ee2e27 }
.ModActionFormC .FormHeader { font-size: 22px; font-weight: 700; padding: 40px 0 0px 0; color: #151c64}
.ModActionFormC span.btn.fileinput-button > i ~ span { display: inline-block; overflow: hidden; max-width: 230px; -webkit-transform: translateY(2px);  transform: translateY(2px)}
.ModActionFormC span.btn.fileinput-button > i ~ span:before { content: "Bestanden toevoegen";  padding: 0 100px 0 5px; }
.ModActionFormC span.btn.fileinput-button .glyphicon-plus { top: -1px;}
.ModActionFormC span.btn.fileinput-button:after {   top: 15px;}
.ModActionFormC .control-label {color:#004982}
.ModActionFormC .bstrap30 h2 {color:rgba(118,183,41,1);margin-top:40px !important; margin-bottom:0 !important; padding-bottom:0 !important; font-family:'Amaranth', sans-serif}

/* ================================================================================ 
                                     MENU'S
   ================================================================================ */
   
/* Root Items */  
.RadMenu_MainMenu { z-index:910 !important; float:none !important; display:inline-block; text-align:left}
.RadMenu_MainMenu .rmRootGroup { background-color:transparent !important; border-width:0 !important;}
.RadMenu_MainMenu .rmRootGroup .rmItem { margin:0px; padding:0px; }
.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink { margin:0px; padding:0px; cursor:pointer; text-decoration:none}
.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText { margin:0px; padding:0 24px; font-size:15px; line-height:76px;  display:block; white-space:normal; color:#ffffff; font-weight:600}
.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText.rmExpandDown {}
.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, .RadMenu_MainMenu .rmRootGroup .rmItem .rmExpanded .rmText, .RadMenu_MainMenu .rmRootGroup .rmItem .rmSelected .rmText  { background-color:#e9f6fe; color:#004982} 


/* Sub Items */
.RadMenu_MainMenu .rmGroup .rmItem { margin:0px; padding:0px; }
.RadMenu_MainMenu .rmGroup .rmItem .rmLink { margin:0px; padding:0px; cursor:pointer; text-decoration:none;}
.RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText { margin:0px; padding:0 20px; line-height:40px; height:40px;  font-size:16px;  display:block; white-space:nowrap; background-color:#c7d8e9; }
.RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover { }
.RadMenu_MainMenu .rmGroup .rmItem .rmSelected .rmText { } 


/* ================================================================================ 
                                 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; padding:10px 0px;}
.MobileMenuHeader {font-size:50px; font-family: "Ionicons"; line-height:50px; cursor:pointer; color:#fff; display:none;  text-align: center;}
.MobileMenuHeader.active { color:#fff; transition:all .12s ease-in-out;}

#MobiNav { margin: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:#fff !important}
#MobiNav .item a:hover, #MobiNav .item.selected > a { text-decoration:none; color:#fff !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:#707173; text-align:center; cursor:pointer;  transition:all .12s ease-in-out; content:"+"; cursor:pointer;}
#MobiNav .item.haschild:hover:after { background-color:#274052;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;}


/* ================================================================================ 
                                 MOBILE MENU
   ================================================================================ */  
   
   
#MobileNavWrapper { background-color:#e45225; }

.MobileMenuFooter,
.mobile-menu { background: rgb(118,183,41); /* Old browsers */
background: -moz-linear-gradient(left, rgba(118,183,41,1) 0%, rgba(35,166,56,1) 100%);
background: -webkit-linear-gradient(left, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%); 
background: linear-gradient(to right, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%); }

#MobileNavWrapper,
.MobileMenuFooter,
.MobileMenuFooter a,
#MenuClose,
.nav-link.hasChild:before,
.menu__back:hover,
.menu__back:focus  {color:#fff;}

#MultiLevelMobilePushMenu .nav-link.hasChild:before {content:"\f20b"; font-size:26px !important}

.MobileMenuFooter a{font-family: "Ionicons"; color:#fff;}

#MobileMenuTrigger { color:#fff; border-radius:5px; background-color:transparent; text-align:center; font-family: "Ionicons";  cursor:pointer; display: block; background: rgb(118,183,41); /* Old browsers */
background: -moz-linear-gradient(left, rgba(118,183,41,1) 0%, rgba(35,166,56,1) 100%);
background: -webkit-linear-gradient(left, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%); 
background: linear-gradient(to right, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%);
   top: 10px !important; left: 10px !important; width: 50px; height: 50px; font-size: 35px !important;}
#MobileMenu #MenuClose{color:#3f84ab; top:12px !important;}

.nav-go {color: #fff !important;}

.nav-item.active .nav-go,
.nav-item.active .nav-link:before { color:#fff !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: #fff;}

#MobileMenu nav { text-align:left;}
.mobile-menu-wrap .nav-item {padding:10px 25px }
.menu__breadcrumbs {display:none}
.menu__back{width:10px; overflow:hidden; white-space:nowrap;}
.menu__back:before{content:"\f150"; width:10px;  text-align:center; display:inline-block; vertical-align:middle; font-size:28px; line-height:1;}

/* ================================================================================ 
                                 SCROLL 2 TOP
   ================================================================================ */
#back-to-top, .touch-device #back-to-top:hover {color:#fff; bottom:20px; display:none; height:45px; position:fixed;	right:20px; 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:2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 5px; box-shadow: 0 0 10px 0 rgba(100,100,100,1); background: #23a638;
background: -moz-linear-gradient(-115deg, #23a638 0%, #76b729 100%);
background: -webkit-linear-gradient(-115deg, #23a638 0%,#76b729 100%);
background: linear-gradient(-115deg, #23a638 0%,#76b729 100%);}
#back-to-top:hover {background:none; background-color:#e9f6fe; color:#004982; text-decoration:none;}
#back-to-top span{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: block;}


/* ================================================================================ 
                                     AGENDA
   ================================================================================ */   
/* CALENDAR MAIN */
#Content .ThemeDefault .EventTitle{text-transform:uppercase; color:#fff; height:auto; background-color:#444;}
#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:#999;}
#Content .ThemeDefault .EventDay{background-color:#fff; color:#444; border: 1px solid #e6e6e6; font-size:14px;}
#Content .ThemeDefault .EventWeekendDay{background-color:#fff;}
#Content .ThemeDefault .EventOtherMonthDay{background-color:#eee;}
#Content .ThemeDefault .EventDay .EventDayScroll > div > a{background-color:#444; 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}


/* ================================================================================ 
                                   2SC Module
   ================================================================================ */
.ContentItemsWrapper{padding:30px 0 }
.ContentItem {display:flex; justify-content:space-between; align-items:center; }
.ContentItem ~ .ContentItem  { padding:120px 0 0 0;}
.ContentItem .ContentItemContent {width:46%}
.ContentItem .ContentItemContent.FirstLinks{order:2}
.ContentItem .ContentItemContent.FirstLinks + .ContentItemImage{order:1}
.ContentItem.Quotetrue.QuoteLeft .ContentItemContent{text-align:left;}
.ContentItem.Quotetrue.QuoteCenter .ContentItemContent{text-align:center;}
.ContentItem.Quotetrue.QuoteRight .ContentItemContent{text-align:right;}
.ContentItem .ContentItemImage {width:46%; height:460px; background-size:cover; background-repeat:no-repeat; background-position:center center; align-self:flex-start }
.ContentItem .ContentItemImage.BorderRadiustrue {border-radius:10px;}
.ContentItem .ContentItemQuote{display:none;}
.ContentItem.Quotetrue .ContentItemQuote{content:"‘’"; display: inline-block; background-color: #53af31; color: #fff; height: 75px; width: 75px; border-radius: 50%; line-height: 103px; font-size: 73px; margin-bottom: 40px; font-family: 'Amaranth', sans-serif; text-align: center;}
.ContentItem .ContentItemTitle.Cursieftrue{font-style:italic;}
.ContentItem.Quotetrue .ContentItemTitle{font-size:32px; font-weight:normal; padding-bottom:0; line-height:1.6;}
.ContentItem .ContentItemSubTitle{font-family: 'Amaranth', sans-serif; font-size:22px; color:#004982; font-style:italic;}
.ContentItem .ContentItemSubTitle .Normal { font-style:normal; font-family:"Work Sans", sans-serif; font-size:17px; color:#000;  }
.ContentItem .ContentItemText {padding:20px 0 60px 0; margin:0;}
.ContentItem .ContentItemKnop{ text-overflow:ellipsis; display:none; padding:0 40px; line-height:50px; font-size:20px; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; color:#fff !important; font-weight:600; background: -moz-linear-gradient(left, rgba(118,183,41,1) 0%, rgba(35,166,56,1) 100%); 
background: -webkit-linear-gradient(left, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%); 
background: linear-gradient(to right, rgba(118,183,41,1) 0%,rgba(35,166,56,1) 100%); border-radius:25px; }
.ContentItem .ContentItemKnop p{margin:0; padding:0; display:inline}
.ContentItem .ContentItemKnop:hover{ text-decoration:none !important; color:#004982 !important; background:#e9f6fe }
.ContentItem .ContentItemKnop.showtrue{display:inline-block;}


.ContentListWrapper{ display:flex; padding-bottom:10px}
.ContentListWrapper .ContentListItem {position:relative; width:calc((100% - 80px) / 3); background-color:#fff; box-shadow:0 0 10px rgba(100,100,100,0.3); padding-bottom:20px;}
.ContentListWrapper .ContentListItem > a {display:block;}
.ContentListWrapper .ContentListItem .ContentListItemImage{ transition:all 0.3s ease; height:240px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.ContentListWrapper .ContentListItem + .ContentListItem  {margin-left:30px;}
.ContentListWrapper .ContentListItem .ContentListItemContent {padding:40px 35px 35px 35px}
.ContentListWrapper .ContentListItem .ContentListItemTitle {padding-bottom:40px; font-size:26px; line-height:1.5; font-weight:400; font-family: 'Amaranth', sans-serif;}
.ContentListWrapper .ContentListItem .ContentListItemText{color:#000 !important; padding-bottom:20px;}
.ContentListWrapper .ContentListItem .ContentListItemLink { position:absolute; bottom:20px; right:20px;}
.ContentListWrapper .ContentListItem .ContentListItemLink:after{ content: "\f10b"; font-weight: 400;  display: inline-block;    padding-left: 15px;   font-family: "Ionicons";  font-size: 24px;  line-height: 1;   vertical-align: middle;}

.ContentListWrapper .ContentListItem:hover { background-color:#e9f6fe}
.ContentListWrapper .ContentListItem:hover  a{ text-decoration:none; } 
.ContentListWrapper .ContentListItem:hover  .ContentListItemImage{ opacity:0.8;} 


.LinkLijstWrapper{ display:flex; justify-content:space-between; padding-bottom:20px;}
.LinkLijstWrapper .LinkLijstAfbeelding { width:60% }
.LinkLijstWrapper .LinkLijstAfbeelding.OrderRechts {order:2}
.LinkLijstWrapper .LinkLijst {width:30%}
.LinkLijstWrapper .LinkLijstItem{ position:relative; display:block; line-height:90px; font-size:22px; border-bottom:1px solid #004982; color:#004982; font-weight:600; }
.LinkLijstWrapper .LinkLijstItem .LinkLijstItemLink:after {content: "\f10b";  font-family: "Ionicons"; height:38px; line-height:38px; font-size:24px; width:38px; background-color:#fff; border-radius:50%; box-shadow:0 0 30px 0 rgba(0,0,0,0.2); color:#76b729;  position:absolute; top:28px; right:0; text-align:center;}
.LinkLijstWrapper .LinkLijstItem .LinkLijstItemLink {display:block; padding-right:40px;}
.LinkLijstWrapper .LinkLijstItem .LinkLijstItemLink:hover{ text-decoration:none;}
.LinkLijstWrapper .LinkLijstItem .LinkLijstItemLink:hover:after{color:#fff; background-color:#76b729; }
.LinkLijstWrapper .LinkLijstItem span.LinkLijstItemLink { display:none;}
.LinkLijstWrapper .LinkLijstItem span.LinkLijstItemLink:after {display:none;} 
.LinkLijstWrapper .LinkLijstItem span.LinkLijstItemLink.ToonLinkfalse {display:none} 
.LinkLijstWrapper .LinkLijstItem span.LinkLijstItemLink.ToonLinkfalse + .ToonLinkfalse  { display:none;}
.LinkLijstWrapper .LinkLijstItem .LinkLijstItemLink.Opentrue + .Opentrue { display:block}
.LinkLijstWrapper .LinkLijstItem .LinkLijstItemLink.Opentrue { display:none}
.LinkLijstWrapper .LinkLijstItem .LinkLijstItemLink.Openfalse + .Openfalse { display:none}



.FullWidthDecoWrapper { position:relative;}
.FullWidthDecoWrapper .FullWidthDecoBottom {height:66px; box-shadow:inset 0 0 40px rgba(0,0,0,0.1); position:absolute; bottom:0; left:0; width:100%}
.FullWidthDecoWrapper .FullWidthDecoTop {height:66px; position:absolute; bottom:66px; left:0; width:100%; overflow:hidden; background-color:transparent !important}
 .FullWidthDecoWrapper .FullWidthDecoTop:after{content:""; border-radius:50%; box-shadow:inset 0 0 40px rgba(0,0,0,0.1);   position:absolute; top:0px; left:-25%; width:150%; height:500px; background-color:#b7c30c }

.BottomBlokWrapper{padding:120px 0px; justify-content: space-between;}
.BottomBlokLeft,
.BottomBlokRight{width:48%}
.BottomBlokRight{position:relative;}
.BottomBlokRight .BottomBlokLink{position:absolute; bottom:0; right:0;}
.BottomBlokRight .BottomBlokLink:hover{background-color:#004982; color:#fff !important;}

/* ================================================================================ 
                                 PUBLICATIE MODULE
   ================================================================================ */
/* ARTICLE LIST */
.pubArticleListViewer { display:flex;  flex-wrap:wrap;}
.pubArticleListViewer .pubItemWrapper {width:33%; display:flex; flex-wrap:wrap; }
.pubArticleList .pubItem {transition:background-color 0.3s ease; width:100%; margin:15px; display:block;  background-color:#fff; box-shadow:0 0 10px rgba(100,100,100,0.3)} 
.pubArticleList .pubItem:hover {text-decoration:none !important; background-color:#e9f6fe} 
.pubArticleList .pubItem:hover .pubImageWrapper {opacity:0.8}
.pubArticleList .pubItem  .pubImageWrapper {height:240px; background-repeat:no-repeat;  background-size:cover; background-position:center; transition:all 0.3s ease; background-position: left}
.pubArticleList .pubItem  .pubTitle {padding-bottom:40px; font-size:27px; line-height:1.5; font-weight:400; font-family: 'Amaranth', sans-serif;}
.pubArticleList .pubItem  .pubContent {padding:50px 35px 35px 35px; min-height:192px}
.pubArticleList .pubItem .pubMetaData { color:#000 !important; font-size:16px;}
.pubArticleList .pubItem .pubDate:after,
.pubArticleList .pubItem .pubSummary:after{content:"\f10b"; display:inline-block; padding-left:10px; font-family: "Ionicons"; color:#76b729; font-size:24px; line-height:1; vertical-align:middle}



/* ARTICLE DETAILS */
.pubArticleDetails {}
.pubArticleDetails h1 { }
.pubArticleDetails .pubMetaData { color:#999; font-size:11px; margin-bottom:7px;}
.pubArticleDetails .pubContent { margin-bottom:10px;}
.pubArticleDetails .pubReturnLink { overflow:hidden;}
.pubArticleDetails .pubReturnLink a { float:right;}


/* ARTICLE VIEWER */
.pubArticleViewer {}
.pubArticleViewer .pubItem {}
.pubArticleViewer .pubItem .pubTitle {font-size:14px; font-weight:bold;}
.pubArticleViewer .pubItem .pubMetaData {font-size:11px; color:#999;}


.pubArticleHomeViewer { margin-left:calc(((100vw - 1180px) / 2) - 10px);  }
.pubArticleHomeViewer .pubItem {transition:background-color 0.3s ease; margin:15px; width:calc(1084px / 3); display:inline-block;  background-color:#fff; box-shadow:0 0 10px rgba(100,100,100,0.3)} 
.pubArticleHomeViewer .pubItem:first-child{ } 
.pubArticleHomeViewer .pubItem:hover {text-decoration:none !important; background-color:#e9f6fe} 
.pubArticleHomeViewer .pubItem:hover .pubImageWrapper {opacity:0.8}
.pubArticleHomeViewer .pubItem  .pubImageWrapper {height:240px; background-repeat:no-repeat;  background-size:cover; background-position:center; transition:all 0.3s ease; background-position: left}
.pubArticleHomeViewer .pubItem  .pubTitle {padding-bottom:40px; font-size:27px; line-height:1.5; font-weight:400; font-family: 'Amaranth', sans-serif;}
.pubArticleHomeViewer .pubItem  .pubContent {padding:50px 35px 35px 35px; min-height:192px}
.pubArticleHomeViewer .pubItem .pubMetaData { color:#000 !important; font-size:16px;}
.pubArticleHomeViewer .pubItem .pubDate:after{content:"\f10b"; display:inline-block; padding-left:10px; font-family: "Ionicons"; color:#76b729; font-size:24px; line-height:1; vertical-align:middle}

.pubAllWrapper  {padding:30px 0; text-align:center; }
.pubAllWrapper.AlignRight  {text-align:right; padding:30px 30px;}

.pubArticleVacatureViewer + .pubAllWrapper  { display:flex; justify-content:space-between; padding:20px 20px 0 13px; } 

.pubFileBox {padding-top:30px;}

/* COMMENT VIEWER */
.pubCommentViewer .pubItem {}
.pubCommentViewer .pubItem .pubMetaData {font-size:11px; color:#999;}

/* SIDEBAR */
#Content .DnnModule-ICRArticles_Sidebar .Container {margin-bottom:25px;}
.pmsb_wrap { display:block; }
.pmsb_wrap .pm_block {}
.pmsb_wrap .pm_block .pm_block_header,
.pmsb_wrap .sb_searchinputbox { display:none; }
.pmsb_wrap .pm_block ul {  text-align:center;}
.pmsb_wrap .pm_block ul li { display:inline-block; margin:15px 15px 0 15px }
.pmsb_wrap .pm_block ul li a,
.pmsb_wrap .pm_block ul li span { color:#fff !important; line-height:40px; }
.pmsb_wrap .pm_block ul li a:hover,
.pmsb_wrap .pm_block ul li span:hover {color:#004982 !important}

/* ================================================================================ 
                                 flickity
   ================================================================================ */
.flickity-enabled { position: relative;}
.flickity-enabled:focus { outline: none;  }

.flickity-viewport { overflow: hidden;  position: relative;  height: 100%; }
.flickity-slider { position: absolute; width: 100%; height: 100%;}

/* draggable */
.flickity-enabled.is-draggable { -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }


/* ---- page dots ---- */
.flickity-page-dots { position: absolute; width: 100%; bottom: 25px; padding: 0; margin: 0; list-style: none;  text-align: center; line-height: 1;}
.flickity-rtl .flickity-page-dots { direction: rtl;}
.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 6px; background: #fff; border-radius: 50%; cursor: pointer; border: 2px solid #fff;}
.flickity-page-dots .dot.is-selected { }

/* next prev */
.flickity-prev-next-button {position: absolute; top: 50%; font-family: "Ionicons"; font-size: 36px; height:56px; width:56px; background-color:#fff; color: #76b729; border-radius:50%;  border: 0; box-shadow:0 0 10px 0 rgba(100,100,100,1); transform: translateY(-50%); cursor: pointer;}
.flickity-prev-next-button:hover {background-color:#004982; color:#fff;} 


.flickity-prev-next-button.next { left: -80px; }
.flickity-prev-next-button.next:after { content: "\f108" }
.flickity-prev-next-button.previous { right: -80px; }
.flickity-prev-next-button.previous:after {content: "\f108"}


/* ================================================================================ 
                                    SocialShare
   ================================================================================ */
.SocialShare {
    float: right;
    margin: 15px 0
}

    .SocialShare .SocialShareLabel {
        float: left;
        line-height: 32px;
    }

    .SocialShare:after {
        content: "";
        display: block;
        clear: both;
    }

    .SocialShare [class^="SS_"] {
        cursor: pointer;
        display: block;
        width: 32px;
        height: 32px;
        font-size: 26px;
        text-align: center;
        line-height: 32px;
        margin: 0 0 0 10px;
        float: left;
        position: relative;
        color: #151c64;
        border-color: #151c64;
    }

        .SocialShare [class^="SS_"]:before {
            font-family: 'Ionicons';
            display: block;
            border-radius: 3px;
            content: "";
            width: 100%;
            height: 100%;
            border-width: 1px;
            border-style: solid
        }

        .SocialShare [class^="SS_"]:hover:before {
            background-color: #151c64;
            color: #fff !important
        }

    .SocialShare .SS_FaceBook {
    }

        .SocialShare .SS_FaceBook:before {
            content: "\f231";
        }

    .SocialShare .SS_Google {
    }

        .SocialShare .SS_Google:before {
            content: "\f235";
        }

    .SocialShare .SS_LinkedIn {
    }

        .SocialShare .SS_LinkedIn:before {
            content: "\f239";
        }

    .SocialShare .SS_Twitter {
    }

        .SocialShare .SS_Twitter:before {
            content: "\f243";
        }




/* ================================================================================ 
                                 FAQ
   ================================================================================ */
.DnnModule-WebredactieFaq{}

.DnnModule-WebredactieFaq .fa-search{color:#004982; top:45px;}
.DnnModule-WebredactieFaq #searchText{background-color:#e9f6fe; color:#004982;}

.DnnModule-WebredactieFaq #BootstrapApp .panel{background-color:transparent;}
.DnnModule-WebredactieFaq #BootstrapApp .panel-group .panel{box-shadow: none; border-bottom:1px solid #004982; border-radius:0;}
.DnnModule-WebredactieFaq #BootstrapApp .panel-group .panel-heading + .panel-collapse > .panel-body, #BootstrapApp .panel-group .panel-heading + .panel-collapse > .list-group { border:none; }

.DnnModule-WebredactieFaq #BootstrapApp .panel-group .panel-heading{padding:30px 0px !important;}
.DnnModule-WebredactieFaq #BootstrapApp .panel-group .panel-heading .panel-title{font-weight:bold; font-style: normal; color:#004982;}
.DnnModule-WebredactieFaq #BootstrapApp .panel-group .panel-heading .fa-chevron-right{top: 50%; font-family: "Ionicons"; font-size: 36px; height: 56px; width: 56px; background-color: #fff; color: #76b729; border-radius: 50%; border: 0; box-shadow: 0 0 10px 0 rgba(100,100,100,1); transform: translateY(-50%); cursor: pointer; text-align: center; line-height: 56px; margin-top:6px;}
.DnnModule-WebredactieFaq #BootstrapApp .panel-group .panel-heading .fa-chevron-right:before{content:"\f10b";}
.DnnModule-WebredactieFaq #BootstrapApp .panel-group .panel-heading .collapse-indicator.expanded{transform: none;}
.DnnModule-WebredactieFaq #BootstrapApp .panel-group .panel-heading .collapse-indicator.expanded .fa-chevron-right:before{content:"\f105";}

.DnnModule-WebredactieFaq #BootstrapApp .panel-group .questionTitle{color:#004982; font-style: normal; text-decoration: none;}
.DnnModule-WebredactieFaq #BootstrapApp .panel-group .questionTitle:hover{text-decoration:underline;}


/* ================================================================================ 
                                 SERACH
   ================================================================================ */
.dnnSearchResultPanel{display:none;}
.dnnSearchResultAdvancedTip{display:none;}
.dnnSearchBox_advanced {display:none;}
.dnnSearchBoxPanel {max-width:100%}
.dnnSearchBoxPanel {min-height:34px;}
.dnnSearchBoxPanel .dnnSearchBox{min-height:34px; margin-right:10px;}
#dnnSearchResult_dnnSearchBox_input {line-height:44px; width:75% !important; height:34px;}
.dnnSearchBox > a.dnnSearchButton {top:10px; right:10px;}
.dnnSearchBoxClearText  {right:40px !important; top:10px;}
.dnnSearchResultItem-Others {display:none;}


/* ================================================================================ 
                                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;}
*/


/* ================================================================================ 
                                   MEDIA QUERIES
   ================================================================================ */
   
  
   
   
   
 @media only screen and (max-width: 1180px) {	
 
	#Content .Container{margin-bottom:80px;}
 
	.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText {padding:0 16px}
	#Header .Logo {left:20px; top:20px;}
	a.FixedLogo {left:20px; top:20px}
	#Header .InnerWrapper {min-height:86px;}
	#Search {margin:20px 25px 0 25px}
	
	.BannerWrapper .Banner .BannerTitle {left:20px; font-size:82px}
	.BannerWrapper .Banner .BannerLinks {right:20px;}
	
	.pubArticleHomeViewer {margin-left:100px;}
	
	.LinkLijstWrapper .LinkLijstAfbeelding {width:45%}
	.LinkLijstWrapper .LinkLijst{width:45%}
	.LinkLijstWrapper .LinkLijstItem {}
	.LinkLijstWrapper .LinkLijstItem .LinkLijstItemLink { white-space:nowrap}
	
	a.Knop, .pmsb_wrap .pm_block ul li a{padding:0 20px}
	.pmsb_wrap .pm_block ul li {margin:15px 8px 0 8px}
	
	#Footer {padding:30px 0 }
	.FooterPane {padding:20px;}
	.FooterPane:after {height:32px; width:32px; left:calc(50% - 16px); bottom:-16px;}	
	.FooterContentWrapper .FooterContentItem .FooterContentItemTitle {padding-bottom:10px}
	.FooterContentWrapper .FooterContentItem {font-size:12px;}
 }  

@media only screen and (max-width: 960px) {	
	.FooterContentWrapper{flex-direction:column;}
}

@media only screen and (max-width: 930px) {	
	.MobileMenuHeader, .MobileMenuHeader.active ~ #MobiNav {display:block;}
	.RadMenu, .RadPanelBar  {display:none; }
	#Header.fixed ~ #Menu{position:relative; top:auto; left:auto;}
	#Header.fixed ~.FixedLogo{position:absolute; top:20px;}
}
   
  @media only screen and (max-width: 768px) {
  
	#Header {text-align:center; padding-bottom:20px;}
	#Header.fixed {padding-top:0; position:relative;}
	#Header .Logo {position:relative; display:block;  text-align:center; left:0;}
	#Header .Logo img{ }
	a.FixedLogo{ position:absolute; width:100%; left:0;text-align:center }
	#Header.fixed ~.FixedLogo  { position:absolute; width:100%; left:0;text-align:center; top:0; }
	#Header .HeaderPane {display:block; padding:28px 0 0 0;}
	#Search {margin-top:0; }
  	#Menu {display:none}
		
  	H2 {padding-bottom:20px;}
	
  	.ContentItem { flex-direction:column}
	.ContentItem ~ .ContentItem {padding-top:100px;}
	.ContentItem .ContentItemText {padding-bottom:40px;}
	.ContentItem .ContentItemContent {width:100%}
	.ContentItem .ContentItemImage {width:100%; height:320px}
	.ContentItem .ContentItemKnop.showtrue {margin-bottom:40px;}
	
	.ContentListWrapper {flex-direction:column}
	.ContentListWrapper .ContentListItem {width:100%;}
	.ContentItem .ContentItemContent.FirstLinks {order:1}
	.ContentListWrapper .ContentListItem + .ContentListItem {margin-left:0; margin-top:60px;}
	
	.pubArticleListViewer .pubItemWrapper{width:50%}	
	
	.BannerWrapper .BannerMask {left:150%;}
	.BannerWrapper .Banner .InnerWrapper { min-height:250px;}
	.BannerWrapper .Banner .BannerTitle {width:100%; position:relative; left:0; bottom:auto; font-size:50px; padding-top:60px;}
	.BannerWrapper .Banner .BannerLinks{width:100%; position:relative; left:0; bottom:auto; padding-bottom:30px;}
	.BannerWrapper .Banner .BannerLink {line-height:40px; font-size:20px; display:inline-block; padding:0 20px;}

	.ModActionFormC .bstrap30 .col-sm-5 { width: 100%}
    .ModActionFormC .bstrap30 .col-sm-offset-2 {  margin-left: 0%}	
		
  } 
   
@media only screen and (max-width: 479px) {	

	.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%;}		
	.SmallContentPane { width:100%;}
	#Content .Container { margin-bottom:60px;}

	#Login {display:none;}
	
	#Content {padding-top:15px;}
	
	.FlexWrapper{display:block;}	
	
	H1 {font-size:60px;}
	H2, .pubArticleDetails h1 {font-size:40px; padding-bottom:20px;}
	H3 {font-size:26px;}
	H4 {font-size:22px;}
	H5 {font-size:19px;}
	
	#Search .NormalTextBox {width:125px;}
	
	#SecondFooter {padding:70px 0 40px 0}
	.FooterContentWrapper .FooterContentItem {max-width:100%}	
	
	.pubArticleListViewer .pubItemWrapper{width:100%}
	.pubArticleListViewer{-webkit-flex-direction: column; flex-direction: column;}	
	.pubArticleHomeViewer{margin-left:0;}
	.pubArticleList .pubItem .pubContent { min-height:0; padding:25px;}	
	.pubArticleHomeViewer .pubItem {width:280px;}
	.pubArticleHomeViewer .pubItem .pubContent{ min-height:0; padding:25px;}
	.pubAllWrapper {padding:0;}
	.pubArticleVacatureViewer + .pubAllWrapper { display:block}
	.pubAllWrapper a {display:block; text-align:left;}
	.pubAllWrapper a + a {margin-top:20px;}
	.SocialShare {float:none}
	
	
	.pmsb_wrap .pm_block ul { }
	.pmsb_wrap .pm_block ul li { margin:10px 8px 0 0px}
	.pmsb_wrap .pm_block ul li a { line-height:36px; font-size:16px; padding:0 8px}
	
	
	.BottomBlokLeft, .BottomBlokRight {width:100%}
	.BottomBlokRight .BottomBlokLink { position:static}
	
	.ContentListWrapper .ContentListItem .ContentListItemTitle {padding-bottom:20px;}
	
	.LinkLijstWrapper .LinkLijstAfbeelding{display:none;}	
	.LinkLijstWrapper .LinkLijst {width:100%}
	
	.ContentListWrapper .ContentListItem .ContentListItemContent {padding:25px;}
	
	#back-to-top {display:none !important}
}   

/* ================================================================================ 
                         AANVRAAGFORMULIER LEVERINGSOVEREENKOMST (ACTIONFORM)
   ================================================================================ */
.cogas-actionform label.control-label.af-slide:after {
    display: inline-block;
    width: 10px;
    content: '';
}

.cogas-actionform .radio.radio-inline {
	margin-left: -19px;
}

.cogas-actionform label.control-label.af-slide.required:after {
    content: '*';
    color: #e51c23;
	font-size: 14px;
}

.cogas-actionform .form-group-agree-to-terms-custom  label {
	height: 68px;
}
   
.cogas-actionform .form-group-agree-to-terms-custom  .err-placeholder {
	width: 250px;
}

.cogas-actionform input[type=text].form-control,
.cogas-actionform textarea.form-control
{
	margin-top: 7px;
}

.cogas-actionform .form-group-form-checkbox-custom .checkbox {
	direction: rtl;
    width: 31%;
    text-align: right;
    margin-left: 10px;
    padding-right: 5px;
}

.cogas-actionform .form-group-form-checkbox-custom label span {
	font-weight: bold;
	color: #444;
}

.cogas-actionform .form-group-form-checkbox-custom .checkbox input[type=checkbox] {
    margin-left: 13px;
}


.cogas-actionform .form-group-form-checkbox-custom .checkbox input[type=checkbox]::before {
	margin-left: 33px;
}
.cogas-actionform .form-group-form-checkbox-custom .checkbox input[type=checkbox]::after {
    margin-right: -51px;
}