@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; 
}

.SW04 .DesktopMenu .rmHorizontal .rmSlide .rmItem:hover .rmSlide {left:auto; right:100%;}

.SW05 .eds_socialStream{margin-bottom:30px;}
/* ================================================================================ 
   =====                            CSS STYLES FOR                            ===== 
   =====                        SCHOOLWEBSITE.NU SKIN                         ===== 
   ================================================================================ */


/* ================================================================================ 
                                  GENERAL SETTINGS
   ================================================================================ */

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 {
	             /* om hoogte op 100% te zetten in geval van te weinig content */
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 150%;
}
/* TABLES */
table { font-size: 14px; }               /* om de lettergrootte in de editor gelijk te zetten */
table tr {}
table tr th {}
table tr td { vertical-align:top;}



#Body {height: 100%;  text-align:center; background:#fff; }    /* Achtergrondkleuren + afbeeldingen hier */

#Form { height: 100%; min-height:100%; }      /* om hoogte op minimaal 100% te zetten, mag wel groter */



/* HEADINGS  + ANDERE TITELJES !! */


H1, H2, H3, H4, H5, 
.pubTitle, .pubLeesM,  
.pbContent div 
 { 
font-family:Nunito,Arial, sans-serif;   
font-weight:bold;
font-weight:700;
 line-height:1.2; }




 /* vervolg en editor */

 h1, h2, h3, h4, h5 { margin-top:15px; margin-bottom:5px;  }


#dnn_ContentPane > h1, h1 { font-size:45px; color:#941b80; font-weight:400; margin-bottom:15px; }
#dnn_ContentPane > h2, h2 { font-size:28px; color:#008ad1; font-weight:300; margin-bottom:10px; }
#dnn_ContentPane > h3, h3 { font-size:15px; color:#941b80; font-weight:300; }
#dnn_ContentPane > h4, h4 { font-size:14px; color:#008ad1; font-weight:300; }
#dnn_ContentPane > h5, h5 { font-size:13px; color:#941b80; font-weight:300; }



#dnn_ContentPane, .Normal {
font-family:Nunito,Arial, sans-serif;
line-height:1.75;
font-size:15px;
}


ul { list-style-type: disc; margin-bottom:0px; }

.isSeq .Normal  { color:#4e4d50;  }

#barAlg  .Normal { color:#ffffff; }




.isHome .Blok h3 { font-size:18px; margin-top:15px; margin-bottom:5px; }

.isHome H1 {font-size:21px; }
.isHome H2 {font-size:19px; }
.isHome H3 {font-size:17px; }
.isHome H4 {font-size:14px; }
.isHome H5 {font-size:12px; }


/* LINKS */ 
a:link      {color: #e40050; text-decoration: none; }
a:visited   {color: #e40050; }
a:hover     {color: #941b80; text-decoration: none; }
a:active    {color: #941b80; }

#dnn_ContentPane a { /* font-weight:700; */ }


/* DNN SPECIFIC */
.Head, .SubHead, .SubSubHead, 
.Normal, .NormalTextBox, .NormalRed, .NormalBold, 
.CommandButton {  }

.Head { font-size: 14px; }          /* style for module titles */
.SubHead {font-size: 13px; }        /* style of item titles on edit and admin pages */
.SubSubHead { font-size: 12px; }    /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */

.XxxNormal { font-size: 13px; font-family:Arial, Helvetica, sans-serif; }        /* text style used for most text rendered by modules */

.XxxNormalTextBox { font-size: 13px; } /* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.XxxNormalRed { font-size: 13px; }
.XxxNormalBold { font-size: 13px; font-weight:bold; }

.CommandButton { }                  /* text style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link { }            /* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:visited  { }
A.CommandButton:hover    { }    
A.CommandButton:active   { }

.StandardButton { }                 /* button style for standard HTML buttons */

/* COMMON  ISSUES */
img {border: 0px;}                  /* geen standaard rand bij afbeeldingen wanneer er gelinkt wordt */
input[type=text]:focus, #Search .NormalTextBox:focus  { background-color:#f9f9f9;}
.photo_198 {border:none;}	/* standaard geen border om de foto's in de simple gallery lastest */	

/* sexy content off */
.sc-content-block-menu{display:none !important;} 
#Wrapper .sc-menu {display:none !important;} 
.dnnEditState #Wrapper .sc-menu {display:block !important;}







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



#Wrapper { xmin-height:100%;  /* geen stickey footer */
text-align: left;  position: relative;  background:#fff;  }


/* big visuals (foto's niet te breed, dan cover de boven en onderkant weg, mist je de gezichten / ogen */
#Body {  background:#808080; 
/* background:linear-gradient(left, #e0e0e0 0%, #ffff00 5%, #ffffff 95%, #e0e0e0 100%); */
height:100%;
}
#Wrapper { max-width:1600px; margin:0px auto; 
box-shadow:0px 0px 40px 0px #303030;

} /* max width 1600px */


.isHome .Blok * {
transition:all 0.1s ease;
}


div { background-repeat:no-repeat; }

/* HEADER SECTION  */

#HeaderWrap { min-height:600px; width:100%; 
/* gele balk 40px;  + 450px foto */
display:inline-block;    overflow:visible; 
/* background-size:auto 102%;  */
background-color:#eaeef9;
}
.isSeq  #HeaderWrap { min-height:100px; }


.SW01.isHome #HeaderWrap { /*background-image:url(images/Procon_header.jpg);*/ }
.SW02.isHome #HeaderWrap { /*background-image:url(images/Anne_Header.jpg);*/ } 
.SW03.isHome #HeaderWrap { /*background-image:url(images/Norel_Header.jpg);*/ } 
.SW04.isHome #HeaderWrap { /*background-image:url(images/Mozaiek_Header.jpg);*/ } 
.SW05.isHome #HeaderWrap { /*background-image:url(images/Hulst_Header.jpg);*/ } 
.SW06.isHome #HeaderWrap { /*background-image:url(images/Violier_Header.jpg);*/ } 




.logoKlik { display:block; position:absolute; height:145px; width: 237px;   z-index:990; }

.LEFTOUT { left:-10px; } /* logo boven en seq. footer adres geg "spalsh wolk" */


#HeaderBalkWrap  { width:100%; height: 40px;  }
#HeaderBalk  {}

.ww960 { max-width:960px; margin: 0px auto; position:relative;  overflow:visible;  }

.wwL, .wwR {  float:left; position:relative; display:inline-block; height:inherit; }


.ww100 { width:100%;}
.ww50 { width:50%;}
.ww33 {  width:33%; }
.ww66 {  width:66%; }
.wwR { float:right; } 
.wwClear { clear:both; }


/* --- Login Key --- */

#Login { width: 18px; height: 18px; margin-left:170px; z-index:11; }
.LoginKey, .LoginKey:visited, .LoginKey:active { width: 18px; height: 18px; font-size: 18px; display: inline-block; background-image: url(images/login.png); background-repeat: no-repeat; }
.LoginKey:hover { width: 18px; height: 18px; font-size: 18px; background-position: 0px -19px; background-repeat: no-repeat; text-decoration: none !important;  }
.isSeq    #Login  {display:none; }


			
/* ALLEN BIJ VERY SMALL. LOGO BOVEN "ALLES" */
#HeaderWrap { padding:0px; }

/*
#HeaderLogoRespWrap { height:100px;padding-bottom:10px; border-bottom:3px solid #ffffff; display:none;  }
#HeaderLogoRespWrap .logoKlik  { height:inherit; }
#HeaderLogoRespWrap .logoKlik img { height:inherit; }
*/
				  
				  

				  
#HeaderWrapInner   { display:block; max-width:960px; position:relative; margin:0px auto; 
min-height:inherit; 
xbackground:rgba(200,200,0,.5);
}

#headIntro  {   
	background:#76b72a;
	background:rgba(118,183,42,.85);
	xbackground:rgba(95,161,11,.9);
	xbackground:rgba(130,197,58,.8);
	display:block;
	position:absolute;
	color:#ffffff;
	border-radius:15px 15px 0px 0px;
	bottom:0px;
	z-index:11;
 }

 
#headIntro  .headCMS  {  padding:0px 15px 15px 15px; }
#headIntro  .headCMS  h1 {  color:#ffffff; 
 line-height: 1;    min-height: 40px;   font-size: 34px; 
}

	

	

/* ---------------------- LINKS / KNOPPEN ---------------- */
	

/* algemeen intro + baralg */	
#headIntro a , 

#barAlg .ModDNNHTMLC  a,  
#barAlg .eventitem a, /* niet-bestuur kalender */
#barAlg input[type=text], /* niet bestuur form */ 
.SubscriptionActions a, /* inschrijven nieuwsbrief */
a.knop
{
background:#ffffff; display:inline-block;  
margin-top:10px;
line-height:20px;  padding:5px 10px; font-size:18px;
 font-family:  'Nunito',  Arial, sans-serif;  color:#ffffff;  font-weight:400;
 border-radius:15px;
 border-radius:13px / 16px;
}

#barAlg .eventitem a { padding:10px; }


/* zelf in te stellen en ook in gebruik HOME INTRO KNOPPEN ... */

a.knopRood , a.knopPaars, a.knopBlauw, a.knopGeel, a.knopGroen {
/*
 -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2); 
 -ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2); 
 -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2); 
 box-shadow:0px 0px 15px 0px rgba(0,0,0,.2); */
}



a.knopRood { background:#e40050; }
a.knopPaars { background:#941b80; }
a.knopBlauw {background:#0069b3; }
a.knopGeel { background:#f6a500; }
a.knopGroen {background:#76b72a; }

a.knopRood:hover,  a.knopRood:active  { color:#e40050; }
a.knopPaars:hover, a.knopPaars:active { color:#941b80; }
a.knopBlauw:hover, a.knopBlauw:active {color:#0069b3; }
a.knopGeel:hover,  a.knopGeel:active   { color:#f6a500; }
a.knopGroen:hover, a.knopGroen:active  {color:#76b72a; }

a.knopRood:hover,  a.knopRood:active {  background:#ffffff; -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #e40050; -ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #e40050; -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #e40050; box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #e40050; }
a.knopPaars:hover, a.knopPaars:active {  background:#ffffff; -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #941b80; -ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #941b80; -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #941b80; box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #941b80; }
a.knopBlauw:hover, a.knopBlauw:active {  background:#ffffff; -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #0069b3; -ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #0069b3; -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #0069b3; box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #0069b3; }
a.knopGeel:hover,  a.knopGeel:active {  background:#ffffff; -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #f6a500; -ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #f6a500; -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #f6a500; box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #f6a500; }
a.knopGroen:hover, a.knopGroen:active {  background:#ffffff; -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #76b729; -ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #76b729; -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #76b729; box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #76b729; }






/* specifiek stylen */


/* alleen bestuur */
#headIntro a  { color:#76b72a; } 
#headIntro a:hover, #headIntro a:active { color:#ffffff;  background:#e40050;}  




/* witte vlakken met gekleurde knoppen */

.cms_ROOD a.knop { background:#e40050; }
.cms_ROOD a:hover, .cms_ROOD a:active, .cms_ROOD .ModDNNHTMLC  a:hover, .cms_ROOD .ModDNNHTMLC  a:active { color:#ffffff;  background:#e40050;}
.cms_ROOD  a.knop:hover, .cms_ROOD  a.knop:active	{ color:#ffffff;  background:#76b72a; }  /* hover groen */

.cms_PAARS a.knop { background:#941b80; }
.cms_PAARS a:hover, .cms_PAARS a:active, .cms_PAARS .ModDNNHTMLC  a:hover, .cms_PAARS .ModDNNHTMLC  a:active { color:#ffffff;  background:#941b80;}
.cms_PAARS  a.knop:hover, .cms_PAARS  a.knop:active	{ color:#ffffff;  background:#76b72a; }  /* hover groen */

.cms_BLAUW a.knop { background:#0069b3; }
.cms_BLAUW a:hover, .cms_BLAUW a:active, .cms_BLAUW .ModDNNHTMLC  a:hover, .cms_BLAUW .ModDNNHTMLC  a:active { color:#ffffff;  background:#0069b3;}
.cms_BLAUW  a.knop:hover, .cms_BLAUW  a.knop:active	{ color:#ffffff;  background:#76b72a; }  /* hover groen */

.cms_GEEL a.knop { background:#f6a500; }
.cms_GEEL a:hover, .cms_GEEL a:active, .cms_GEEL .ModDNNHTMLC  a:hover, .cms_GEEL .ModDNNHTMLC  a:active { color:#ffffff;  background:#f6a500;}
.cms_GEEL  a.knop:hover, .cms_GEEL  a.knop:active	{ color:#ffffff;  background:#e40050; }  /* hover rood */

.cms_GROEN a.knop { background:#76b72a; }
.cms_GROEN a:hover, .cms_GROEN a:active, .cms_GROEN .ModDNNHTMLC  a:hover, .cms_GROEN .ModDNNHTMLC  a:active { color:#ffffff;  background:#76b72a;}
.cms_GROEN  a.knop:hover, .cms_GROEN  a.knop:active	{ color:#ffffff;  background:#e40050; }  /* hover rood */



/* bg kleuren */

.cms_bgROOD { color:#ffffff; }
.cms_bgROOD  a.knop { color:#e40050; }
.cms_bgROOD a.knop:hover, .cms_bgROOD a.knop:active,
.cms_bgROOD .eventitem a:hover, .cms_bgROOD .eventitem a:hover *, 
.cms_bgROOD .eventitem a:active, .cms_bgROOD .eventitem a:active *,
.cms_bgROOD .SubscriptionActions a:hover, .cms_bgROOD .SubscriptionActions a:active
	{ color:#ffffff!important;  background:#f6a500!important; }  /* hover geel */

.cms_bgGROEN { color:#ffffff; }
.cms_bgGROEN  a.knop { color:#76b72a; }
.cms_bgGROEN a.knop:hover, .cms_bgGROEN a.knop:active,
.cms_bgGROEN .eventitem a:hover, .cms_bgGROEN .eventitem a:hover *, 
.cms_bgGROEN .eventitem a:active, .cms_bgGROEN .eventitem a:active *,
.cms_bgGROEN .SubscriptionActions a:hover, .cms_bgGROEN .SubscriptionActions a:active
	{ color:#ffffff!important;  background:#e40050!important; }  /* hover rood */


.cms_bgGEEL { color:#ffffff; }
.cms_bgGEEL  a.knop { color:#f6a500; }
.cms_bgGEEL a.knop:hover, .cms_bgGEEL a.knop:active,
.cms_bgGEEL .eventitem a:hover, .cms_bgGEEL .eventitem a:hover *, 
.cms_bgGEEL .eventitem a:active, .cms_bgGEEL .eventitem a:active *,
.cms_bgGEEL .SubscriptionActions a:hover, .cms_bgGEEL .SubscriptionActions a:active
	{ color:#ffffff!important;  background:#e40050!important; }  /* hover rood */

	

.cms_bgBLAUW { color:#ffffff; }
.cms_bgBLAUW  a.knop { color:#0069b3; }
.cms_bgBLAUW a.knop:hover, .cms_bgBLAUW a.knop:active,
.cms_bgBLAUW .eventitem a:hover, .cms_bgBLAUW .eventitem a:hover *, 
.cms_bgBLAUW .eventitem a:active, .cms_bgBLAUW .eventitem a:active *,
.cms_bgBLAUW .SubscriptionActions a:hover, .cms_bgBLAUW .SubscriptionActions a:active
	{ color:#ffffff!important;  background:#f6a500!important; }  /* hover rood */
	
	


/* witte knoppen op gekleurde vlakken */
/* .hover_ROOD  a:hover, .hover_ROOD  a:active  { background:#e40050!important; } */



/* --------------------------------- menu holder --------------------------------- */

/*
#MenuWrapper { min-height:40px; width:100%;  height:auto; z-index:910; min-height:45px; display:block;  z-index:9000!important;
overflow:visibile;
padding-top:10px; 
 }
*/

 
#dnn_RadMenu_RadMenu1  { width:auto!important; } 

#MenuWrapper, #MenuWrapper *, #MobileMenu { z-index:9000!important; }
/* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */

#Menu {
  position: relative;
  display: inline-block;
  text-align: left;
  float:right!important;
  padding-top:40px;
}

#dnn_RadMenu_RadMenu1 { display:inline-block!important;  float:right!important; }
 


#Menu  ul { width:auto!important;  
xxbackground:rgba(200,200,0,.5)!important;    
float:right!important;
}

#Menu  ul li {    display:inline!important; float:left;
xxbackground:rgba(200,0,0,.5)!important;   padding-bottom:10px;   }
 

.isLocal  .RadMenu_MyMenu .rmRootGroup > .rmItem:nth-child(n+6),
.isLocal  .RadMenu_MyMenu .rmRootGroup > .rmItem:nth-child(n+6) *  { display:none!important; visibility:hidden; } /* laat alleen eerste 5 zien */









				  
				  
				  
				  
		

/*  --------------------------------- BREADCRUMB SECTION --------------------------------- */

#Breadcrumb {  width:100%;  padding-top:20px; padding-bottom:16px;}

.BreadcrumbContainer, #Breadcrumb a {
  color:#008cd3;   line-height:1; font-family:  'Ubuntu',  Arial, sans-serif;  font-size: 18px; font-weight:500;   letter-spacing:0; line-height:25px; 
  text-transform:lowercase;
  padding-top:0px!important;padding-bottom:0px!important; 
}
#Breadcrumb a:hover, #Breadcrumb a:active { color:#d81009!important; }

#Breadcrumb .SkinObject  { } 
#Breadcrumb .BCBullet { color:#008cd3;  padding: 0px 5px 0px 5px; font-size:20px; line-height:25px;  vertical-align:-1px;}




/* --------------------------------- balk ZOEKEN --------------------------------- */

#balk_zoek {   padding:8px 0px; } 

#balk_zoek .Blok { max-width:280px; /* < @SIZE */  }

#Search {   height:28px; /* < @SIZE */ 
width:230px; 
right:0px; top:0px; background-color:#fff; background-color:rgba(255,255,255,.25); z-index:10; border-radius:10px!important;
}  

#Search .NormalTextBox { 
width:160px;  
line-height:26px!important;  height:26px!important;/* @SIZE -2px for focus/border */
margin:0px 0px 0px 0px; padding-right:60px!important; padding-left:10px!important; border:none!important;  background-color:transparent!important;
font-family:  'Ubuntu',  Arial, sans-serif;font-size:16px;  
border-radius:10px!important;

}

#Search .NormalTextBox::-moz-placeholder { color:#ffffff;  } /* Firefox 19+ */
#Search .NormalTextBox:-moz-placeholder { color:#ffffff;} /* Firefox 18- */
#Search .NormalTextBox:-ms-input-placeholder { color:#ffffff;}
#Search .NormalTextBox::-webkit-input-placeholder { color:#ffffff;  /* conform design */ }


 
#Search .NormalTextBox:not(:focus)  { color:#ffffff!important; border-radius:10px!important;}
#Search .NormalTextBox:focus { background:#ffffff!important; outline: none!important; outline-width:0px!important;   height:26px!important; /* < @SIZE */  }
 
#Search .SkinObject { width:25px; height:24px;   display:inline-block; position:absolute; top:3px; right:15px;   /* < @POS */
font-family: "Ionicons"; color:#ffffff; color:rgba(255,255,255,.25); font-size:22px;line-height:25px; font-weight:bold; }

#Search.active .SkinObject /* < eigen jq */
/*, #Search .SkinObject:hover */{color:#ffffff; }

#Search .SkinObject:hover { 
-o-transform:scale(1.25);
-ms-transform:scale(1.25);
-webkit-transform:scale(1.25);
transform:scale(1.25);
}



.SW01 #balk_zoek { background:#941b80; z-index:11; }
.SW01 #Search .NormalTextBox  { color:#941b80; }

.SW02 #balk_zoek { background:#76b72a; }
.SW02 #Search .NormalTextBox  { color:#76b72a; }

.SW03 #balk_zoek { background:#0069b3; }
.SW03 #Search .NormalTextBox  { color:#0069b3; }

.SW03 #HomeIntroButtons .knop.knopBlauw{display:none;}

.SW04 #balk_zoek { background:#f6a500; }
.SW04 #Search .NormalTextBox  { color:#f6a500; }

.SW05 #balk_zoek { background:#76b72a; }
.SW05 #Search .NormalTextBox  { color:#76b72a; }

.SW06 #balk_zoek { background:#e40050; }
.SW06 #Search .NormalTextBox  { color:#e40050; }




/* --------------------------------- SHADOWS  --------------------------------- */



.wrapShadDown,  #MobiNav > li:nth-child(1)
{
box-shadow:0px 10px 10px -5px rgba(0,0,0,.225) inset; 
}


.wrapShadUp,  #MobileMenu
{
box-shadow:0px -10px 10px -5px rgba(0,0,0,.225) inset;  z-index:9; 
}



.SW01 #barAlg,
.wrapShadUpDown
{
box-shadow:0px 10px 10px -5px rgba(0,0,0,.225) inset,0px -10px 10px -5px rgba(0,0,0,.225) inset; z-index:9; 
}



.isHome #map-canvas > div > div:nth-child(1) > div:nth-child(2)  /* LET OP AFSTELLING MAPS !!!!!  */
{
	box-shadow:0px 10px 10px -5px rgba(0,0,0,.3) inset; 
}
 
 
  
 
#foot { box-shadow:0px -10px 10px -5px rgba(0,0,0,.225); }

 
 
/* --------------------------------- CONTENT / PANES  --------------------------------- */


/* CONTENT BREED MET BG FOTO */


.ContentHold { width:100%;  


	min-height:100%!important; 
	height:100%!important;  position: relative!important;
	display:inline-block!important;

}


 .ContentHold {  }

 
 
 
 
 
/* PANES SECTION */

#Panes {
	margin: 0px auto;  max-width:960px; 
	background:#ffffff;
	-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,.5);  
	-ms-box-shadow:0px 5px 10px 0px rgba(0,0,0,.5);  
	-moz-shadow:0px 5px 10px 0px rgba(0,0,0,.5);  
	-o-shadow:0px 5px 10px 0px rgba(0,0,0,.5);  
	box-shadow:0px 5px 10px 0px rgba(0,0,0,.5);  
	/* 0px 5px voor shadow in met mobile menu */
	
	
	/* background-image:url(images/ContentHeaderBG.png); background-repeat:no-repeat;  ronde hoek oud*/
	width:100%; max-width:960px; overflow:hidden; padding:0px; 
	
	height:auto!important;  position: relative;display:block;
	

	}





.isHome .Blok h1, .isHome .Blok h2, .isHome .Blok h3 { line-height:1; font-family:  'Nunito',  Arial, sans-serif; }

.isHome .Blok h1 { min-height:40px; font-size:38px; margin-top:0px; margin-bottom:10px; xxmargin-right:15px; } /* margin-right zorgt voor lijn-breek */

.isHome .Blok h2 { min-height:30px; font-size:18px;  margin-top:0px; margin-bottom:10px;  }



#LeftMenu h2 { margin-left:10px; font-size:28px; } /* kleiner dan ontwerp??, kan veel tekst staan... */






.Wrap { clear:both; display:inline-block; 
position:relative;
width:100%; 
margin:0px; height:auto; min-height:auto; /* CSS responsive */
}

.rijWrap { background:#ffffff; }
.rijWrap { margin-top:0px; }


.bigWrap { padding:50px 0px;  
background-repeat:no-repeat;
background-position:center center;
background-size:1400px auto; /* auto 102%;  */ 
background-size:cover; /* auto 102%;  */ 
}


.isSeq #HeaderWrap .bigWrap {
background:#dd0000;
}



.Blok { width:100%; max-width:960px;  margin:0px auto; display:block;   position:relative; padding:0px; }

.BlokCenter { text-align:center; }


 .BlokFlex { width:300px;
min-width:300px;/* <<<<<<< */
float:left; display:block;  margin-top:0px; margin-bottom:8px;
min-height:50px;
xxxpadding-bottom:20px; 
}



.BlokFlex1    { margin-right:30px; }
.BlokFlex2   { margin-right:30px; }



.ww50.wwR .CMS { float:right; }
.ww50 > .CMS { width:450px; /* RESP !*/ }








 
/* ================================================================================================================================================================ 
                                                                                                        HOME HTML DESIGN
   ================================================================================================================================================================ */
   


.bigFoto1 { }
   






/* %%%%%%%%%%%%%%%%%%%%%%%%   HOME INTRO TEKST     %%%%%%%%%%%%%%%%%%%%%%%% */
   
#bar_intro  h1 { margin-bottom:20px; font-size:45px; font-weight:400;   }

.SW01 #bar_intro  h1 { color:#0069b3; }
.SW02 #bar_intro  h1 { color:#e40050; }
.SW03 #bar_intro  h1 { color:#941b80; }
.SW04 #bar_intro  h1 { color:#76b72a; }
.SW05 #bar_intro  h1 { color:#0069b3; }
.SW06 #bar_intro  h1 { color:#76b72a; }

.isBestuur #bar_intro  h1  { margin-bottom:20px; }


#bar_intro .Normal { line-height:1.75; }
#bar_intro .Normal { font-size:15px; } 



/* %%%%%%%%%%%%%%%%%%%%%%%%   HOME INTRO KNOPPEN     %%%%%%%%%%%%%%%%%%%%%%%% */

#HomeIntroButtons  { padding-left:7px; display:inline-block; margin:0px auto; position:relative; }


#HomeIntroButtons .knop { margin-right:15px; }

#footLeft .sm,
#HomeIntroButtons .sm {   margin-right:15px; width:36px; height:30px;  margin-top:10px; background-size:100%;background-repeat:no-repeat; background-position:center center; }

#footLeft .sm:hover, #footLeft .sm:active,
#HomeIntroButtons .sm:hover, #HomeIntroButtons .sm:active {  	-ms-transform:scale(1.25); 	-moz-transform:scale(1.25); 	-o-transform:scale(1.25); 	-webkit-transform:scale(1.25); 	transform:scale(1.25);  }

#HomeIntroButtons  div.noWrap { display:inline-block; }


#footLeft .sm { display:inline-block; }





/* %%%%%%%%%%%%%%%%%%%%%%%%   SOCIAL MEDIA ICONS (INTRO TEKST + FOOTER WOLK)     %%%%%%%%%%%%%%%%%%%%%%%% */



.SW02 .smTW { background-image:url(images/socmTW_blauw.png); }    /* twitter kleur bij intro-tekst-home en bij footer wolk */
.SW02 .smFB { background-image:url(images/socmFB_geel.png); }

.SW03 .smTW { background-image:url(images/socmTW_paars.png); }
.SW03 .smFB { background-image:url(images/socmFB_blauw.png); }

.SW04 .smTW { background-image:url(images/socmTW_groen.png); }
.SW04 .smFB { background-image:url(images/socmFB_geel.png); }

.SW05 .smTW { background-image:url(images/socmTW_rood.png); }
.SW05 .smFB { background-image:url(images/socmFB_blauw.png); }

.SW06 .smTW { background-image:url(images/socmTW_groen.png); }
.SW06 .smFB { background-image:url(images/socmFB_rood.png); }


.smST:after {content: "\f351"; font-family: "Ionicons"; font-size:35px;  } 
.smST {display:inline-block; vertical-align:middle; padding-top:4px;}

#footLeft  .smFB { background-image:url(images/socmFB_wit.png); }

   
/* %%%%%%%%%%%%%%%%%%%%%%%%   HOME INTRO > OVERZICHT SCHOLEN (BESTUUR)     %%%%%%%%%%%%%%%%%%%%%%%% */

#bar_intro { padding:45px 0px 35px 0px; }


#bar_intro .Blok { text-align:center; }

#bar_intro  .BlokFlex { width:100%;  display:block; 
/*justify-content:center;    flex-wrap: wrap;
*/
display:flex;  
display:inline-flex;  
justify-content:center; 

 flex-wrap: wrap;
 flex-flow:space-between;
 
 }

#bar_intro  a {  display:inline-block;  float:left; position:relative;  flex:1 auto; 	 }
#bar_intro  a   div {  width:auto; height:138px;   }

#bar_intro  a:hover  div,
#bar_intro  a:active  div
{
transform:scale(1.05); /*rotate(-10deg); */
transform-origin: 50% 50%;
transition:all 0.01s ease-out; 
}

#bar_intro #ovzS2,
#bar_intro #ovzS4  { margin:0px 10px; }

#bar_intro #ovzS3 { }   

#bar_intro .eds_socialStream a{
	position: absolute;
	float: inherit;

}
   
   
/* %%%%%%%%%%%%%%%%%%%%%%%%   NIEUWS   %%%%%%%%%%%%%%%%%%%%%%%% */   


#barNews { min-height:600px; }

.SW01  #barNews {  background-image:url(images/Procon_Centre.jpg); }
.SW02   #barNews {  background-image:url(images/Anne_Centre.jpg);  display:none;}
.SW03  #barNews {  background-image:url(images/Norel_Centre.jpg); display:none; }
.SW04   #barNews {  background-image:url(images/Mozaiek_Centre.jpg); }
.SW05   #barNews {  background-image:url(images/Hulst_Centre.jpg); }
.SW06  #barNews {  background-image:url(images/Violier_Centre.jpg); }


#dnn_BelowButtons:has(.eds_socialStream){padding:40px 0}
#bar_intro #dnn_BelowButtons a{float:inherit}
.eds_socialStream .edSocialStream_streamItem{height:270px; border-radius:33px;}
#dnn_BelowButtons .eds_socialStream .edSocialStream_itemThumbnail{aspect-ratio: inherit;}


/* %%%%%%%%%%%%%%%%%%%%%%%% TWEEDE RIJ (b.v. WERKEN BIJ  (module r, 2 items)   %%%%%%%%%%%%%%%%%%%%%%%% */   

.SW01 #barAlg  { background:#f6a500; }
.SW02 #barAlg  { background:#e40050; }
.SW03 #barAlg  { background:#76b72a; }
.SW04 #barAlg  { background:#e40050; }
.SW05 #barAlg  { background:#f6a500; }
.SW06 #barAlg  { background:#0069b3; }




   
   
/* %%%%%%%%%%%%%%%%%%%%%%%%   GOOGLE MAPS   %%%%%%%%%%%%%%%%%%%%%%%% */   
   
#bar_maps { background:#f0f0f0; }
#map-canvas    { width:100%; height:500px; }
   


 

/* ================================================================================ 
                                 SCROLL 2 TOP / SWIP
   ================================================================================ */
   
   

.swipeButton { 
color:#fff!important; border-radius:100%;  border:2px solid #fff; background:#0069b3; text-shadow:3px 3px #004080;  
width:45px;height:45px; position:fixed; z-index:980;	line-height:45px; text-align:center; font-family: "Ionicons"; font-size:28px; 
display:none;  transition:all .2s ease;  
    box-shadow:0px 10px 10px -5px rgba(0,0,0,.225);
}

#swipeUp, .touch-device #swipeUp:hover { bottom:6px; right:10px; }
#swipeDown, .touch-device #swipeDown:hover  { bottom:6px; /* left:50%; margin-left:-22px; */ right:10px;}

#swipeUp:hover, #swipeUp:active,
#swipeDown:hover, #swipeDown:active 
{ text-decoration:none; background-color:#e40050;  text-shadow:3px 3px #800028; }


 
   

/* ================================================================================================================================================================ 
																										STYLING MODULES
   ================================================================================================================================================================ */

 
  /* ------------------ Banner -------------- */
 .BannerBigWrapper{position:absolute; width:100%; height:600px;}
 .BannerViewer{position:relative; height:600px; width:100%;}
 .pubBannerFaderWrapper{z-index: 10;
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    top: 0;
    left: 0;}
 .BannerViewer .BannerItem {position:absolute; top:0; left:0; width: 100%; height:100%; background-repeat: no-repeat; background-size: cover; transition: opacity 1s ease; opacity: 0; z-index:1; }
 .BannerViewer .BannerItem.active{opacity:1;}
 
 .pubBannerPagerWrapper{position: absolute;
    bottom: 25px;
    left: 0px;
    width: 100%;
    text-align: left;
    z-index: 15;
	display:none;
 }
 
 .pubBannerPagerWrapper .pubBannerPager {
    display: inline-block;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 5px;
    margin: 5px;
    cursor: pointer;
}
.pubBannerPagerWrapper .pubBannerPager.active { background-color: #da1025; }
 
 /* ------------------ NIEUWS OVERZICHT -------------- */
   
#barNews h1  {  color:#ffffff;   line-height:65px; padding:0px 13px; border-radius:18px; font-weight:normal;   font-size: 45px;
	margin-bottom:13px; }
	
	


	
#barNews  .pubItem {  background:#ffffff; border-radius:18px;  padding:0px; margin-bottom:13px; display:inline-block; width:100%; clear:both; }

.pubImg,  .pubCont  {   position:relative;  display:inline-block; clear:none; float:left;  padding-top:10px; padding-bottom:10px; overflow:hidden;  }
.pubImg {  width:130px; margin-left:10px; }
.pubCont{  width:285px;  /* RESP! */ margin-left:15px;  }


.pubImg img { width:130px; height:100px; border-radius:12px; }
 
.pubTitle { min-height:55px;  font-size:25px; padding-top:10px; line-height:1; }

.pubMeta  { width:auto; float:left; color:inherit; font-size:15px; font-weight:bold;  line-height:35px; padding-top:5px; }
.pubLeesM  { width:auto; float:right;  }

/* TEAM */
.pubArticleList .pubItemTeam {width:50%; float:left;} 
.pubTeamTitle{display:block; min-height:auto;}
.pubArticleList .pubTeamThumbnail .pubTeamLink {border:2px solid #fff; outline: 1px solid #ddd; margin:10px 10px 0 0; width:125px; overflow:hidden; display:inline-block; zoom: 1; *display: inline;}
.pubArticleList .pubItemTeam .pubTeamContent .pubTeamMetaData {font-size:11px; color:#999;}


/* .SW01  #barNews h1  {background:rgba(228,0,80,.8);	 }  /* rood */
/* .SW01 .pubCont { color:#e40050; }

/* .SW02  #barNews .wwL  h1  {background:rgba(148,27,128,.8); } /* paars */
/* .SW02 .wwL .pubCont { color:rgb(148,27,128); } */
/*.SW02  #barNews .wwR  h1  {background:rgba(0,105,179,.8); }   /* blauw */
/*.SW02 .wwR .pubCont { color:rgb(0,105,179); } */


 .cms_ROOD h1  {background:rgba(228,0,80,.8);	 } 
 .cms_ROOD  .pubCont { color:#e40050; }
 
.cms_PAARS h1  {background:rgba(148,27,128,.8); }
.cms_PAARS .pubCont { color:rgb(148,27,128); }

.cms_BLAUW  h1  {background:rgba(0,105,179,.8); }
.cms_BLAUW  .pubCont { color:rgb(0,105,179); }

.cms_GEEL  h1  {background:rgba(246,165,0,.8); }
.cms_GEEL  .pubCont { color:rgb(246,165,0); }

.cms_GROEN  h1  {background:rgba(118,183,42,.8); }
.cms_GROEN .pubCont { color:rgb(118,183,42); }




/* ------------------ NIEUWS OVERZICHT -------------- */

#barAlg h1, #barAlg .Normal * { color:#ffffff; }



/* alleen  bestuur ?! */

.pbItemWrap { display:block; margin-bottom:13px; }
.pbContent {background:#ffffff; border-radius:18px;  padding:0px;  display:inline-block; width:100%; clear:both;  }
.pbContent div { padding-left:35px; padding-right:35px; font-weight:normal; line-height:1; }

.pbContent  .pbTitle { padding-top:15px; font-size:24px;  }
.pbContent  .pbSumm { padding-bottom:15px;  line-height:30px; font-size:18px; }

.pbContent div,
#barAlg .ModDNNHTMLC  a  { color:#f6a500; }  

.pbContent:hover, .pbContent:active  { background:#e40050!important; } 
.pbContent:hover div, .pbContent:active div { color:#ffffff!important; }

#barAlg .ModDNNHTMLC  a:hover, #barAlg .ModDNNHTMLC  a:active { color:#ffffff!important;background:#e40050!important;}


/*
#barAlg > .pbContent:hover, #barAlg > .pbContent:hover   { background:#e40050!important; color:#ffffff!important; }
#barAlg > .pbContent:hover div, #barAlg > .pbContent:active div   { color:#ffffff; color:#ffffff!important; }
*/


/* ------- NIET BESTUUR: KALENDER OVERZICHT /  FORMULIER ------- */

#barAlg  .eventitem  * { letter-spacing:-3px; }
#barAlg  .eventitem  span { letter-spacing:0px; line-height:1!important; }

#barAlg  .eventitem  a {  display:block; xxwidth:100%; }

.SW02 #barAlg  .eventitem * { color:#e40050; }
.SW03 #barAlg  .eventitem * { color:#76b72a; }
.SW04 #barAlg  .eventitem * { color:#e40050; }
.SW05 #barAlg  .eventitem * { color:#f6a500; }
.SW06 #barAlg  .eventitem * { color:#0069b3; }




/* ------- NIET BESTUUR: FORM NIEUWSBRIEF ------- */	

#barAlg .SubScriptionTitle  { display:none; }
#barAlg .SubscriptionActions a { margin-right:15px!important; }

.SW02 #barAlg .SubscriptionActions a  { color:#e40050; }
.SW03 #barAlg .SubscriptionActions a  { color:#76b72a; }
.SW04 #barAlg .SubscriptionActions a  { color:#e40050; }
.SW05 #barAlg .SubscriptionActions a  { color:#f6a500; }
.SW06 #barAlg .SubscriptionActions a  { color:#0069b3; }


#barAlg input[type=text] { 
width:100%!important;
background-color:rgba(255,255,255,.5)!important;  color:#ffffff!important; border:none!important; 
height:30px!important; line-height:30px!important;   outline:none!important;
max-width:430px!important;/* RESP! padL/R=10px */
}

#barAlg input[type=text].flash { color:rgba(255,255,255,.67)!important; }


#barAlg input[type=text]:focus {  
-webkit-box-shadow:0px 0px 0px 3px #ffffff inset; 
-ms-box-shadow:0px 0px 0px 3px #ffffff inset; 
-o-box-shadow:0px 0px 0px 3px #ffffff inset; 
box-shadow:0px 0px 0px 3px #ffffff inset; 
color:#ffffff!important; }



/* OUD: lijkt te veel op knoppen met volle witte background
#barAlg input[type=text]:focus { background-color:rgba(255,255,255,1)!important; }
.xxxSW02 #barAlg input[type=text]:focus  { color:#0069b3!important; }
	*/

	
/* ================================================================================================================================================================ 
///																										SEQUEL-PAGE SECTION           ---- T O D O ! ! ! !
================================================================================================================================================================ */
 

 
#LeftMenu, #SeqBlok { float:left; }

#LeftMenu  { width:270px; margin-left:15px; margin-right:55px; padding-top:15px; padding-bottom:15px; }

#SeqBlok { width:600px; }

#SeqBlok, 
.isSeq #LeftMenu  {  padding-bottom:180px;  }

.SeqWhiteSpaceTop { display:block; height:60px; }



#fotoOnderMenu { width:240px; height:175px;  display:block;
margin:30px 0px;
background:#e0e0e0;
background:url(images/foto_left_none.png) repeat;

border:2px solid #77b72b; border-radius:20px;
overflow:hidden!important;
}

.UserMode0  #fotoOnderMenu img
{
	min-width:240px; height:175px;
}


/* ~~~~~ PUBMOD OVERZICHT FULL-WIDTH  ~~~~~ */


#icr_sidebar {border:2px solid #77b72b; border-radius:20px; width:230px; padding:10px 0 0 10px;}

a.navBlockItemLink  {color:#008cd3; font-size:18px; font-weight:400; padding:5px 0 5px 5px;}

a.navBlockItemLink:hover  {color:#e40050;}

.NavBlockTitle {display:none;}

#rij_seq .pubItem td { padding:15px 0px; }


/*
	http://stackoverflow.com/questions/8444645/how-to-get-perfect-border-radius-on-images-in-all-browsers

*/

#rij_seq  .pubThumbnail { padding-right:20px!important; }
#rij_seq  .pubThumbnail .pubLink img { 
} /* zelde als grote knoppen topmenu */

#rij_seq .pubItemWrap .pubContent div { padding-top:13px;  }

 #rij_seq .pubItemWrap { clear:both; padding-top:3px; }


#rij_seq  .pubThumbnailImage { display:block; border-radius:10px!important; 
width:172px; 
border:solid 4px #ffffff;
-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.25);
-ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,.25);
-o-box-shadow:0px 0px 15px 0px rgba(0,0,0,.25);
-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,.25);
box-shadow:0px 0px 15px 0px rgba(0,0,0,.25);
	object-fit: contain;
	 background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; 
 }


#rij_seq  .pubContent { float:left; width:auto; padding-left:13px;  }

#rij_seq  .pubTitle { padding:0px; font-family: Ubuntu, Arial, sans-serif; font-size: 28px; font-style: italic; font-weight: bold; color:#008ad1;   }
#rij_seq  a.pubTitle:hover,
#rij_seq  a.pubTitle:active { color:#ffb300; }



#rij_seq  .pubThumbnailImage:hover, #rij_seq  .pubThumbnailImage:active { border-color:#ffb300; }


#rij_seq  .pubSummary  { margin-top:10px; color:#7a7a7c; padding:0px; display:block; }

#rij_seq .pubArticleDetails .pubContent  { padding:13px 0px; }
#rij_seq .pubArticleDetails .pubThumbnailImage  { margin-right:26px;  }

#rij_seq  .pubMetaData {margin-top:5px;  text-transform:uppercase;color:silver; display:block; font-size:10px; }

 
 
 
 .ModICRArticlesSidebarC #txtSearch {margin-left:10px;
    border:none;
	border-radius: 10px!important;
	 background:rgba(246,165,0,.2); height:35px; line-height:35px;
	font-family: Nunito,Arial;
    font-weight: 400;
 }
 
 .ModICRArticlesSidebarC  #dnn_ctr8389_Sidebar_ctlSearchInputBox_cmdSearchButton {
 color:#ffffff!important;
 height:35px;  	 border:none!important; background:#f6a500!important; border-radius: 10px!important;
 } 
 
 

/* --------------------------------- cms module  --------------------------------- */

#SeqBlok .Normal { overflow:hidden; } /* te grootte afbeeldingen kappen */







/* ================================================================================================================================================================ 
																										FOOTER SECTION 
   ================================================================================================================================================================ */
   

#foot .Blok { height:60px;  overflow:visible; 
font-family:  'Nunito',  Arial, sans-serif; font-size:17px;  font-weight:300;
}

#footLeft { 
	position:absolute; 
	width:370px;  	 height:225px;
	top:-165px; /* -215 (-height) +60 +#foot .Blok height */
	background-position:left bottom;	
	z-index:999;
}
.SW01 #footLeft  { background-image:url(images/footwolk_WS01.png); }
.SW02 #footLeft  { background-image:url(images/footwolk_WS02.png); }
.SW03 #footLeft  { background-image:url(images/footwolk_WS03.png); }
.SW04 #footLeft  { background-image:url(images/footwolk_WS04.png); }
.SW05 #footLeft  { background-image:url(images/footwolk_WS05.png); }
.SW06 #footLeft  { background-image:url(images/footwolk_WS06.png); }




#footLeft  div { text-align:center;   color:#ffffff;  line-height:23px;  padding-top:47px; }

.SW01 #footLeft  div { padding-left:20px; } /* schuiven inhoud, afh van content en "wolk" grootte  */
.SW02 #footLeft  div { padding-left:34px;  } 
.SW03 #footLeft  div { padding-left:30px;  } 
.SW04 #footLeft  div { padding-left:20px;  } 
.SW05 #footLeft  div { padding-left:20px;  } 
.SW06 #footLeft  div { padding-left:30px;  } 
 

#footLeft  h3 { font-size:28px; padding-bottom:0px; line-height:25px; padding-top:5px; color:#ffffff; }
.SW05 #footLeft  h3 { font-size:24px;  }

#footLeft  div a { color:#ffffff; }
.SW01 #footLeft  div a:active, .SW01 #footLeft  div a:hover { color:#f6a500; }
.SW02 #footLeft  div a:active, .SW02 #footLeft  div a:hover { color:#e40050; }
.SW03 #footLeft  div a:active, .SW03 #footLeft  div a:hover { color:#f9c459; }  /* licht geel !  ~zoalsForm */
.SW04 #footLeft  div a:active, .SW04 #footLeft  div a:hover { color:#0069b3; }    
.SW05 #footLeft  div a:active, .SW05 #footLeft  div a:hover { color:#f6a500; }



#footLeft img { margin:13px 5px 0px 5px; } /* socmed icons */

#footLeft img:hover { 
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);
}



/* ---------------------------------- */

#footRight   { width:100%;  }
#footRight   #footOnderdeel  {  margin-left:370px;  /* margin-left is blok logo width + 50*/
					padding-left:35px; /* eigen wit ruimte */
		line-height:60px;
		float:right;
		
		}
		
	#footOnderdeel	{ }
	
	#footOnderdeel div { position:relative; display:inline-block;   float:left; font-size:14px;  font-weight:700; }	
	
.SW02 #footOnderdeel div  { color:#0069b3; }
.SW03 #footOnderdeel div  { color:#941b80; }
.SW04 #footOnderdeel div  { color:#76b72a; }
.SW05 #footOnderdeel div  { color:#e40050; }
.SW06 #footOnderdeel div  { color:#76b72a; }

	
	#footOnderdeel #logoFootOnderdeel {  
		background-position:center center;
		padding:0px; margin:5px 10px 0px 10px;
		width:90px; height:45px;
		background-size:cover;
		
	}/* logo procon todo */
	
.SW02 #footOnderdeel #logoFootOnderdeel 	 { background-image:url(images/foot_logo_blauw.png); }
.SW03 #footOnderdeel #logoFootOnderdeel 	 { background-image:url(images/foot_logo_paars.png); }
.SW05 #footOnderdeel #logoFootOnderdeel 	 { background-image:url(images/foot_logo_rood.png); }
.SW04 #footOnderdeel #logoFootOnderdeel,
.SW06 #footOnderdeel #logoFootOnderdeel 	 { background-image:url(images/foot_logo_groen.png); }
		
/* #footRight  div { bottom:0px; width:800px; } */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* ================================================================================================================================================================ 
																									MENU'S
   ================================================================================================================================================================ */
   


   
   
/* //////////////////////////////////////////    TOP MENU - ROOT ITEMS  ////////////////////////////////////////// */

.RadMenu_MyMenu { z-index: 910 !important; 
display:block;
height:90px;
} /* naam MyMenu vanwege oude css vulling bij overgang naar nieuwe site */

.RadMenu_MyMenu .rmRootGroup { border-width: 0px !important; background-color: transparent !important; height:90px;}
.RadMenu_MyMenu .rmRootGroup .rmItem { margin: 0px; padding: 0px;}



/* height:90px x width: 180px daarbinnen border wit */



/* algemeen *** > li > a */

.RadMenu_MyMenu .rmRootGroup .rmItem .rmLink { margin: 0px; padding: 0px; cursor:pointer; text-decoration:none;  
height:35px; width:auto; /* -2x 4px width */ display: block; 
background:#c0c0c0;
margin-left:12px;
color:#fff; 
}
/* algemeen *** > li > a > span */
.RadMenu_MyMenu .rmRootGroup .rmItem .rmLink .rmText { margin: 0px;   display: block; white-space: normal; text-align:center; padding:0px 10px;
  font-weight:bold;   font-size:16px!important; color:inherit!important;
 font-family:Nunito,Arial; font-weight:400;
 
 }

 
 /* alleen topmenu */
 .RadMenu_MyMenu .rmRootGroup >.rmItem > .rmLink {
  box-shadow:0px 0px 12px -2px #000000;
border-radius:10px;
 }
 
 .RadMenu_MyMenu .rmRootGroup >.rmItem > .rmLink  > .rmText  {  
line-height:35px!important;
font-size:20px;
 }
 
 

/* .RadMenu_MyMenu .rmRootGroup > .rmItem.rmFirst .rmLink .rmText { margin-left:0px; } 
 .RadMenu_MyMenu .rmRootGroup > .rmItem:nth-child(5) .rmLink .rmText { margin-right:0px ; } */



.RadMenu_MyMenu .rmRootGroup .rmLast .rmLink .rmText {border:none; }
.RadMenu_MyMenu .rmRootGroup .rmItem .rmLink .rmText:hover { text-decoration: none !important;  } 





.RadMenu_MyMenu .rmRootGroup  > .rmItem:nth-child(5n+1) .rmLink  { background:#76b72a!important; }
.RadMenu_MyMenu .rmRootGroup  > .rmItem:nth-child(5n+1) .rmLink:hover  { background:#ffffff!important; color:#76b72a; }

.RadMenu_MyMenu .rmRootGroup  > .rmItem:nth-child(5n+2) .rmLink  { background:#0069b3!important; }
.RadMenu_MyMenu .rmRootGroup  > .rmItem:nth-child(5n+2) .rmLink:hover  { background:#ffffff!important; color:#0069b3; }

.RadMenu_MyMenu .rmRootGroup  > .rmItem:nth-child(5n+3) .rmLink  { background:#f6a500!important; }
.RadMenu_MyMenu .rmRootGroup  > .rmItem:nth-child(5n+3) .rmLink:hover  { background:#ffffff!important; color:#f6a500; }

.RadMenu_MyMenu .rmRootGroup  > .rmItem:nth-child(5n+4) .rmLink  { background:#e40050!important; }
.RadMenu_MyMenu .rmRootGroup  > .rmItem:nth-child(5n+4) .rmLink:hover  { background:#ffffff!important; color:#e40050; }

.RadMenu_MyMenu .rmRootGroup  > .rmItem:nth-child(5n+5) .rmLink  { background:#941b80!important; }
.RadMenu_MyMenu .rmRootGroup  > .rmItem:nth-child(5n+5) .rmLink:hover  { background:#ffffff!important; color:#941b80; }

/*.RadMenu_MyMenu .rmRootGroup > .rmItem:nth-child(n+6) { visibility:hidden; } /* laat alleen eerste 5 zien */




/* //////////////////////////////////////////    TOP MENU - DROPDOWN ITEMS  ////////////////////////////////////////// */

.RadMenu_MyMenu .rmGroup,
.RadMenu_MyMenu .rmGroup .rmItem { margin: 0px!important; padding: 0px!important; }


.RadMenu_MyMenu .rmSlide  { padding-right:20px; padding-bottom:40px; /* voorkom afkappen .rmGroup/left:15px  en bottom/top pads*/ }
.RadMenu_MyMenu .rmSlide .rmGroup { left:13px!important; }
.RadMenu_MyMenu .rmSlide .rmGroup .rmGroup { left:0px!important; }

.RadMenu_MyMenu .rmSlide .rmGroup, .RadMenu_MyMenu .rmGroup > .rmItem.rmLast > .rmLink  { }


.RadMenu_MyMenu .rmSlide .rmGroup
{
 background:transparent!important;
-webkit-box-shadow:0px 0px 0px 2px #76b729; 
-ms-box-shadow:0px 0px 0px 2px #76b729; 
-o-box-shadow:0px 0px 0px 2px #76b729; 
-moz-box-shadow:0px 0px 0px 2px #76b729; 
-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #76b729; 
-ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #76b729; 
box-shadow:0px 0px 15px 0px rgba(0,0,0,.2), 0px 0px 0px 2px #76b729;
}

.RadMenu_MyMenu .rmGroup .rmItem  { background:transparent!important;  }

.RadMenu_MyMenu .rmGroup .rmItem .rmLink { margin: 0px; padding: 0px; cursor:pointer; 

}


/* niet uit hoofdmenu, "herstellen"... */
.RadMenu_MyMenu .rmRootGroup  .rmItem .rmGroup .rmItem .rmLink
{
background:#ffffff!important; 
color:#0269b4;
}

.RadMenu_MyMenu .rmRootGroup  .rmItem .rmGroup .rmItem .rmLink:active,
.RadMenu_MyMenu .rmRootGroup  .rmItem .rmGroup .rmItem .rmLink:hover
{
color:#76b729;
}








.RadMenu_MyMenu .rmGroup .rmItem .rmLink {  
padding:7px 10px 8px 0px;  margin:0px!important;
height:auto;
 xwidth:200px!important; 
 
}



.RadMenu_MyMenu .rmGroup .rmItem .rmLink .rmText 
{ 
margin: 0px;      

background:transparent!important;
  white-space:nowrap!important;  
/* display:block!important;  */
 
   /* padding:12px 0px 0px 0px;
 border:none;
 border-top:1px solid #fff; */
 
text-align:left; 
line-height:15px!important; 
 font-size:13px;  
}

.RadMenu_MyMenu .rmGroup .rmItem.rmFirst .rmLink .rmText { } 



.RadMenu_MyMenu .rmRootGroup  .rmItem .rmGroup  .rmItem.rmFirst  > .rmLink    { padding-top:15px;border-radius:15px 15px 0px 0px;  }
.RadMenu_MyMenu .rmRootGroup  .rmItem .rmGroup  .rmItem.rmLast  > .rmLink    { padding-bottom:15px; border-radius:0px 0px 15px 15px;   }

.RadMenu_MyMenu .rmRootGroup  .rmItem .rmGroup  .rmItem.rmFirst.rmLast > .rmLink { border-radius:15px;  } /* lonely wolf */

.RadMenu_MyMenu .rmGroup  { 	border-radius:15px!important; }


/*
.RadMenu_MyMenu .rmRootGroup  .rmItem .rmGroup > .rmItem.rmLast .rmLink    { border-radius:0px 0px 20px 20px!important;   }
.RadMenu_MyMenu .rmGroup > .rmItem.rmLast  > .rmLink   .rmText  { padding-bottom:15px;background:#e0e0c0; }
*/



.RadMenu_MyMenu .rmGroup > .rmItem.rmLast > .rmLink .rmText {  }

.RadMenu_MyMenu .rmGroup > .rmItem.rmLast   > .rmLink  .rmText  {}



  
  /* === Root Items === */   
.RadPanelBar_SubMenu { z-index: 910 !important; width:100% !important; margin: 0px 0 15px 0 !important; padding: 0px !important; border: 0px !important; }
.RadPanelBar_SubMenu .rpRootGroup { margin: 0px !important; padding: 0px !important; border: 0px !important; }

.RadPanelBar .rpItem {  border: 0px !important;  margin-bottom:2px!important; }

.RadPanelBar .rpItem, .RadPanelBar .rpItem *
{
height:auto!important;
min-height:auto!important;
max-height:auto!important;

}



  
/* ================================================================================ 
                                SCHOOLWIKI
   ================================================================================ */
 
 
 /* Mainpage search */
.SearchWrapper{}
.SearchWrapper .SearchTitle{color: #008cd3 !important; font-size: 24px; font-weight: 700; margin: 0 0 10px 0;}
.SearchWrapper .SearchContent{background-color:#77b72b; border-radius:5px; padding:15px;}
.SearchWrapper .SearchContent #txtSearch{font-size:14px; border:2px solid #008AD1; border-radius:5px; padding:10px; margin-right:10px; width: calc(100% - 115px);}
.SearchWrapper .SearchContent #txtSearch:focus{outline:0;}
.SearchWrapper .SearchContent .CustomSubmit{font-size:14px; color:#fff; background-color:#008cd3; border:2px solid #008cd3; border-radius:5px; cursor:pointer; padding:10px 15px; font-weight:bold;}
.SearchWrapper .SearchContent .CustomSubmit:hover{color:#008cd3; background-color:#fff;}
	
	
.pubArticleViewer.Populair { background-color:#77b72b; padding:15px; border-radius:5px; overflow:hidden; }
.pubArticleViewer.Populair .pubItem { display: inline-block; vertical-align:middle; width: 48%; float: left; padding: 5px 0px; color:#fff !important}
.pubArticleViewer.Populair .pubItem:nth-child(2n+1){margin-right:4%;}
.MenuPane .pubArticleViewer.Populair .pubItem {width:100%; margin-right:0;}
.pubArticleViewer.Populair .pubItem:hover{text-decoration:none;}
.pubArticleViewer.Populair .pubItem:before{font-family:"Ionicons"; content:"\f30f"; display:inline-block; vertical-align:middle; color:#fff; padding-right:10px;}

#dnn_ctr35305_ModuleContent .sb_searchinputbox{display:none} /* Sidebar zoekbalk De Violier */
#dnn_ctr37633_ModuleContent .sb_searchinputbox{display:none} /* Sidebar zoekbalk Het Mozaiek */
#dnn_ctr37642_ModuleContent .sb_searchinputbox{display:none} /* Sidebar zoekbalk Anne de Vries */
#dnn_ctr37638_ModuleContent .sb_searchinputbox{display:none} /* Sidebar zoekbalk WG van de Hulst */
#dnn_ctr37646_ModuleContent .sb_searchinputbox{display:none} /* Sidebar zoekbalk K Norel */

#rij_seq .pubArticleDetails.schoolwiki {padding-bottom:40px;}
#rij_seq .pubArticleDetails.schoolwiki .pubContent {float:none !important}

.pubViewerWikiList {}
.pubViewerWikiList .pubItems { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:20px;}
.pubViewerWikiList .pubItems .pubItem {width:48%; box-sizing:border-box; border-radius:5px; background-color:#008ad1; padding:10px; color:#fff; font-size:16px; margin-bottom:20px;}
.pubViewerWikiList .pubItems .pubItem:before{font-family:"Ionicons"; content:"\f30f"; display:inline-block; vertical-align:middle; color:#fff; padding-right:10px;}
.pubViewerWikiList .pubItems .pubItem:hover { text-decoration:none; background-color:#A0B5D8}
.pubViewerWikiList .pubItems .pubItem  a{color:#fff !important;}





/* //////////////////////////////////////////    WIJD  (bij kalender... TODO?!) ////////////////////////////////////////// */


.isWijd  #LeftMenu  { display:none; }
.isWijd  #SeqBlok { width:97%; padding-left:3%; padding-left:0px; }
.isWijd  .ContentPane { max-width:100%; padding:0px; }






/* //////////////////////////////////////////    SEQUAL PAGES - LEFTMENU  ////////////////////////////////////////// */


.RadPanelBar_LeftMenu .rpRootGroup { max-width:240px; 

border:2px solid #76b729!important;  
border-radius:20px;

}



.RadPanelBar_LeftMenu .rpRootGroup .rpItem .rpLink { border: 0px !important; cursor:pointer;   background-color:transparent!important; 
background-repeat:no-repeat;
background-position:175px center;
}
.RadPanelBar_LeftMenu .rpRootGroup .rpItem .rpLink.rpExpandable
{
background-image:url(images/MenuExpandable.png);
}
.RadPanelBar_LeftMenu .rpRootGroup .rpItem .rpLink.rpExpanded
{
background-image:url(images/MenuExpanded.png);
}



.RadPanelBar_LeftMenu .rpRootGroup .rpItem .rpLink .rpOut { margin: 0px !important; padding: 0px !important; border: 0px !important; display: block;
}
.RadPanelBar_LeftMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText { 
padding:2px 12px 3px 10px!important;  
border: 0px !important; display:inline-block; white-space: normal;  width:auto; max-width:auto; min-width:50px;
 min-height:24px; line-height:1.2; 
 font-weight:normal;   font-size: 20px!important;    font-family: Nunito,Arial; font-weight:400;
color:#008cd3;

}


/* MAIN LINK SUB ACTIVE : rpLink rpExpandable rpSelected rpExpanded > span rpOut rpNavigation  */
/* MAIN LINK ACTIVE     : rpLink rpExpandable rpSelected rpExpanded >  span rpOut rpNavigation */

.RadPanelBar_LeftMenu .rpRootGroup .rpSelected  .rpOut .rpText { color:#77b82a!important; }




/* inspring bullet bij subpagina's  */
.RadPanelBar_LeftMenu .rpRootGroup .rpGroup .rpItem  .rpOut .rpText { 
xpadding:2px 0px 3px 0px!important;  
}

.RadPanelBar_LeftMenu .rpRootGroup .rpGroup .rpItem .rpLink .rpText:before { 
/* content:"\f10a"; font-family: "Ionicons";  display:inline-block; position:relative; 
left:-5px; top:0px; font-size:18px; float:left; color:inherit;  */
}

.RadPanelBar_LeftMenu .rpRootGroup .rpGroup .rpItem .rpLink .rpText {  padding-left:15px!important; padding-right:10px!important; }

.RadPanelBar_LeftMenu .rpRootGroup .rpGroup.rpLevel2 .rpItem .rpLink .rpText  {  margin-left:15px!important; }
.RadPanelBar_LeftMenu .rpRootGroup .rpGroup.rpLevel3 .rpItem .rpLink .rpText  {  margin-left:30px!important; }
.RadPanelBar_LeftMenu .rpRootGroup .rpGroup.rpLevel4 .rpItem .rpLink .rpText  {  margin-left:45px!important; }
.RadPanelBar_LeftMenu .rpRootGroup .rpGroup.rpLevel5 .rpItem .rpLink .rpText  {  margin-left:60px!important; }




.RadPanelBar_LeftMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText { text-decoration: none !important; xxbackground:#0c3180;}

.RadPanelBar_LeftMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover,
.RadPanelBar_LeftMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:active {  xxxbackground-color:#ffb300; color:#e40051!important; 
/* box-shadow:0px 0px 0px 2px #f29100 inset; */
}




.RadPanelBar_LeftMenu .rpRootGroup  > .rpItem.rpFirst { padding-top:10px; }
.RadPanelBar_LeftMenu .rpRootGroup  > .rpItem.rpLast { padding-bottom:10px; }




/* ================================================================================ 
                                CONTAINER LAYOUT'S
   ================================================================================ */

 
.ContainerHeader { }
.ContainerContent {}
.ContainerFooter { }



/* ================================================================================ 
                                 MOBILE MENU
   ================================================================================ */   

  #MobMenuWrapper  { }

   
#MobileMenu { display:none; width:100%; /* /menu/ js gedoe */    z-index:9000!important;}

#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:#ffffff!important; display:none;  padding-left:25px!important;  }

.MobileMenuHeader.active { color:#ffffff; }

/* .MobileMenuHeader.active  #MobiNav  { transition:all .2s ease-in-out; } */

.MobileMenuHeader.active:after { content:"\f128"; display:block; 
position:absolute; margin-top:-50px; left:65px; height:50px; width:50px; 
font:inherit; font-size:30px; text-align:center;
}

.MobileMenuHeader:hover { 
color:#000000;  

-webkit-shadow:90px 0px 0px 0px rgba(255,255,255,.33) inset;
-ms-shadow:90px 0px 0px 0px rgba(255,255,255,.33) inset;
-o-shadow:90px 0px 0px 0px rgba(255,255,255,.33) inset;
box-shadow:90px 0px 0px 0px rgba(255,255,255,.33) inset; 
}

.MobileMenuHeader.active:hover {
-ms-box-shadow:120px 0px 0px 0px rgba(255,255,255,.33) inset;
-webkit-box-shadow:120px 0px 0px 0px rgba(255,255,255,.33) inset;
-o-box-shadow:120px 0px 0px 0px rgba(255,255,255,.33) inset;
box-shadow:120px 0px 0px 0px rgba(255,255,255,.33) inset;
}

   

#MobiNav { margin:0; text-align:left; display:none; padding:0;  }

#MobiNav  > li.first { padding-top:5px; }
#MobiNav  > li.last { padding-bottom:5px;  

-webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,.33);
-ms-box-shadow:0px 5px 5px 0px rgba(0,0,0,.33);
-o-box-shadow:0px 5px 5px 0px rgba(0,0,0,.33);
box-shadow:0px 5px 5px 0px rgba(0,0,0,.33);
}



 #MobiNav ul {list-style:none; margin:0; padding:0 0 0 0px;   xwidth:100%!important;  }
#MobiNav .item {list-style:none; margin:0; padding:0 0 0 0px;
	 border-top:2px solid rgba(255,255,255,.33); position:relative; color:#fff; font-size:18px; 
	overflow:visible;
   } /* color = inactive */

   
#MobiNav li.item .item { border-top:1px dashed rgba(240,240,240,.5)!important;  }
#MobiNav li:nth-child(1)   { border-top:none; }
  
#MobiNav .item   { width:100%; overflow:hidden;
xpadding-top:5px; xpadding-bottom:5px;
}



#MobileMenu { background:#0069b3; }

.SW02 #MobileMenu { background:#941b80; }
.SW02 #MobileMenu  .item { background:#941b80!important; }

.SW03 #MobileMenu { background:#e40050; }
.SW03 #MobileMenu  .item { background:#e40050!important; }



#MobiNav .item span.disabled,   
#MobiNav .item a {color:#fff !important;  
/* display:flex;  flex-direction:column; xmax-width:50%;  */
 }

#MobiNav .item span.disabled, /* { xpadding-top:15px;xpadding-right:10px; xpadding-bottom:0px; } */
 
 #MobiNav .item a {  line-height:20px; min-height:25px; padding-top:15px;
  line-height:20px; display:inline-block; 
width:100%;  min-height:30px; margin-bottom:0px;
 }
 
 

 
 #MobiNav .item  span { padding-left:20px; }
 #MobiNav .item  .item  span { padding-left:10%; }
 #MobiNav .item  .item  .item  span { padding-left:20%; }
 #MobiNav .item .item  .item  .item  span { padding-left:30%; }
 #MobiNav .item .item .item  .item  .item  span { padding-left:40%; }
 
 
 
#MobiNav .item span.disabled { opacity:.67; } 
 
 
 
 

#MobiNav .item > .icon { xdisplay:none; }

#MobiNav .item > .icon 
 { 
 cursor:pointer;
display:run-in!important;
position:absolute; top:0px; right:5px;  margin-top:8px;  height:30px; width:30px; line-height:30px;
	 font-size:22px; line-height:32px; color:#ffffff;  text-align:center;
	 /* via .txt ULtokens content:"\f103"!important;  */ font-family: "Ionicons"; width:30px!important; height:30px!important;  margin-left:15px;     
/* \f109  \f10a \f10b */
visiblity:hidden;
}


#MobiNav .item.haschild > .icon 
{
visiblity:visible;
}



#MobiNav .item.haschild > .icon  { background:rgba(255,255,255,.33); } /* KLEUR PIJL DOWN (EXPAND) */

#MobiNav .item.haschild  > .icon:hover  { background:rgba(255,255,255,.8); } /* KLEUR PIJL DOWN (EXPAND) */





 
 
 #MobiNav .item span.disabled:hover                    /* HOVER ON DISABLED ITEM */
  {
 background:rgba(255,255,255,.25);
 }

 
 #MobiNav .item a:hover, #MobiNav .item a:active                  /* HOVER ON  ITEM */
 {
 background:rgba(255,255,255,.95);
 color:#e40050!important;
 }
 #MobiNav .item:hover > .icon, #MobiNav .item:active > .icon   /* HOVER ON  ITEM > DISPLAY EXPAND ICON*/
{
background:transparent;
color:#e40050!important;
}
 
 
#MobiNav .item  > .icon:hover, #MobiNav .item > .icon:active           /* HOVER ON EXPAND ICON */
{
 background:rgba(255,255,255,1)!important;
 color:#222222!important;
}





/*
#MobiNav .item.haschild:hover:after,
#MobiNav .item.haschild:hover:active 
 { xxxbackground-color:#274052; cursor:pointer;}

#MobiNav .item.haschild.active:after { content:"\f2f4";  font-family: "Ionicons"; cursor:pointer; } 
#MobiNav .item.haschild.active a:after {  content:" "; display:block; height:5px; }
*/



/* PIJL BIJ BREADCRUMB */
/*
 #MobiNav .item  a span.breadcrumb:after {   height:22px;  content:"  \f10a";  font-family: "Ionicons"; font-size:22px; padding:0px; margin:0px;  } 
*/
/* PIJL BIJ HOVER */

/*
#MobiNav .item  a:hover span:after {   xheight:20px;  content:"  \f10a";  font-family: "Ionicons"; xfont-size:20px; padding:0px; margin:0px; font-weight:bold; } 
 */


#MobiNav .item  a span.breadcrumb, 
#MobiNav .item a:hoverxx, #MobiNav .item.selected > a { text-decoration:none; color:#ff0!important}



#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;}


   

/* ================================================================================ 
                               HEUTINK SCHOOLWAPPS CALENDAR 
   ================================================================================ */
.digicom-module-title {display:none;}

/* CALENDAR WRAPPER */
.digicom-module-title { color : #009240;}
.sw-calendar { }
.sw-calendar.upcoming { }
.sw-calendar.month { }
 
/* CALENDAR HEADER */
.sw-calendar-header { display: flex; justify-content: space-between; margin: 0 0 20px 0; padding: 10px 0; border-bottom: 2px solid #ccc; }
.sw-calendar-title { margin:20px 0; font-size: 20px; font-weight: 700; color: #231f20 ;}
.sw-calendar-button { }
.sw-calendar-button.previous {color:#fff;}
.sw-calendar-button.next {color:#fff;}

 
/* CALENDAR VIEWE */
.sw-calendar.upcoming .sw-calendar-items { }
.sw-calendar.upcoming .sw-calendar-item { margin:0; padding: 0 0 10px 0;}
 
/* CALENDAR ITEMS */
.sw-calendar-items { }
.sw-calendar-item { margin: 0 0 10px 0; padding: 0 0 10px 0;}
.sw-calendar-item:last-of-type { margin:0px; padding: 0px; }
 
.sw-calendar-item-dates { display: flex; justify-content: flex-start;}
.sw-calendar-item-date { font-weight: 700; color:#008cd3;}
.sw-calendar.upcoming .sw-calendar-item-date {color:rgba(255,255,255,.7)!important; font-weight:normal;}
.sw-calendar-item-date.startdate {}
.sw-calendar-item-date.enddate { }
.sw-calendar-item-date.enddate:before { content: "-"; display:inline-block; margin: 0 5px 0 10px; }
.sw-calendar-item-date-name {}
.sw-calendar-item-date-day {}
.sw-calendar-item-date-month {}
.sw-calendar-item-date-time {}
 
.sw-calendar-item-title { color:#000 ; font-weight: 700;}
.sw-calendar.upcoming .sw-calendar-item-title {color:#fff;}
.sw-calendar-item-description {margin: 0 0 5px 0; }
.sw-calendar-item-groups { }
.sw-calendar-item-groups span { display: inline-block; line-height: 1; margin: 0 2px 4px 0; padding: 4px 8px; border-radius: 12px; border: 1px solid #aaa; font-size: 12px; }
/*
.sw-calendar-item-groups span:before { content: ", "; }
.sw-calendar-item-groups span:first-child:before { content: none; }
*/
 
/* CALENDAR FOOTER */
.sw-calendar-footer { }
.sw-calendar-list-link,
.sw-calendar-button{
	display: inline-block;    
    background-color:#74b429;
    margin: 20px 0;
    padding: 0 10px;
    border-radius: 6px;
    line-height: 35px;
	height:35px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
	border-color:#74b429;
	font-size: 16px!important;
    font-family: Nunito,Arial;
    font-weight: 400;
}
.sw-calendar-list-link:hover,
.sw-calendar-button:hover{color:#74b429 !important; background-color:transparent; text-decoration:none;}



/* FrontpageCalendar */
.FrontpageCalendar .sw-calendar.upcoming .sw-calendar-item {background-color: #fff; border-radius:20px; padding:10px;}
.FrontpageCalendar .sw-calendar.upcoming .sw-calendar-item-title {color:#76b768;}
.FrontpageCalendar .sw-calendar.upcoming .sw-calendar-item-date {color:#76b768 !important;}
.FrontpageCalendar .sw-calendar-footer a.sw-calendar-list-link {color:#fff; background-color: #74b429;}
.FrontpageCalendar .sw-calendar-footer a.sw-calendar-list-link:hover {color:#74b429 !important;background-color:#fff;}



#dnn_barAlgLeft .sw-calendar-list-link,
#dnn_barAlgLeft .sw-calendar-button{background-color:#fff; border:0; line-height: 20px; padding: 5px 10px; font-size: 18px !important; font-family: 'Nunito', Arial, sans-serif; font-weight: 400; border-radius: 15px; border-radius: 13px / 16px; line-height:auto; height:auto;}
.SW03 #dnn_barAlgLeft .sw-calendar-list-link,
.SW03 #dnn_barAlgLeft .sw-calendar-button{color:#76b72a !important; }
.SW05 #dnn_barAlgLeft .sw-calendar-list-link,
.SW05 #dnn_barAlgLeft .sw-calendar-button{color:#f6a500 !important; }
.SW06 #dnn_barAlgLeft .sw-calendar-list-link,
.SW06 #dnn_barAlgLeft .sw-calendar-button{color:#0069b3 !important; }

#dnn_barAlgLeft .sw-calendar-list-link:hover,
#dnn_barAlgLeft .sw-calendar-button:hover{background-color:#f6a500!important; color:#fff !important;}
.SW03 #dnn_barAlgLeft .sw-calendar-list-link:hover,
.SW03 #dnn_barAlgLeft .sw-calendar-button:hover{background-color:#e40050!important;}
.SW05 #dnn_barAlgLeft .sw-calendar-list-link:hover,
.SW05 #dnn_barAlgLeft .sw-calendar-button:hover{background-color:#e40050!important;}


 /* ================================================================================ 
                                === DIGICOM TIMELINE ===  
   ================================================================================ */

/* general */
.sw-timeline { }
.sw-timeline-posts { }

.sw-timeline-post { display: flex; justify-content: flex-start; margin: 0 0 10px 0; padding: 0 0 0 0; border-bottom: 1px solid #eee;}

.sw-timeline-post .post-images { }
.sw-timeline-post .post-thumbnail-image { display: inline-block; width: 100px; height: 100px; margin: 0 20px 0 0; position: relative; background-size: cover; background-position: center center; }
.sw-timeline-post .post-thumbnail-image .post-thumbnail-image-overlay  { display: block; position: absolute; bottom: 0; right: 0;  width: 100%; height: 100%; z-index: 5; background-size: cover; background-position: bottom right; background-repeat: no-repeat; }

.sw-timeline-post .post-content {  }
.sw-timeline-post .post-content .post-title{ font-size: 18px; font-weight: 700; color: #008cd3;}
.sw-timeline-post .post-content .post-author { font-size: 0.95em; margin: 5px 0; color: #aaa; }
.sw-timeline-post .post-content .post-author span { font-weight: 700; }
.sw-timeline-post .post-content .post-date { font-size: 0.95em; margin: 5px 0; color: #aaa;}
.sw-timeline-post .post-content .post-date span { font-weight: 700; }
.sw-timeline-post .post-content .post-message {  }


.sw-timeline-post .post-attachments {}
.sw-timeline-post .post-attachments .post-files {}
.sw-timeline-post .post-attachments .post-files .post-file {}
.sw-timeline-post .post-attachments .post-files .post-file a { display: block; padding: 2px 0 2px 10px; position: relative; }
.sw-timeline-post .post-attachments .post-files .post-file a:before { content: ""; display: block; width: 6px; height: 6px; position: absolute; top: 10px; left: 0; background-color: #888; }
.sw-timeline-post .post-attachments .post-files .post-file a:hover { }
 
 
  
/* list specific */  
.sw-timeline.list { }

.sw-timeline-footer { padding: 10px 0; text-align: center;}
.sw-timeline-footer .sw-timeline-page-number { display: inline-block; margin: 0 5px; padding: 4px 10px; }
.sw-timeline-footer .sw-timeline-button { display: inline-block;  padding: 4px 10px; background-color: #aaa; border-radius: 5px; }
.sw-timeline-footer .sw-timeline-button:hover { text-decoration: none; background-color: #888; }
.sw-timeline-footer .sw-timeline-button span {color: #fff;  }
  
/* recent specific */ 
.sw-timeline.recent { }
 
.sw-timeline.recent .sw-timeline-posts { display: flex; justify-content: space-between; margin: 0; padding: 0; flex-wrap: wrap; flex-direction: column; }
.sw-timeline.recent .sw-timeline-post { display:flex; border:none; background-color: white; border-radius: 20px; }
.sw-timeline.recent .sw-timeline-post .post-content {padding:0px !important;margin: 10px; color:#76b768;}
.sw-timeline.recent .sw-timeline-post .post-content .post-title {color:#76b768;}
.sw-timeline.recent .sw-timeline-post .post-thumbnail-image { display: block; flex:0 1 200px; height: 140px; margin: 10px; position: relative; background-size: cover; border-radius: 20px;}
.sw-timeline.recent .sw-timeline-post .post-content { flex:1 1 50px; padding: 5px 10px; max-height: 140px; overflow: hidden; position: relative; }
.sw-timeline.recent .sw-timeline-post .post-content:after { content: ""; display: block; width: 100%; height: 20px; position: absolute; bottom: 0; left: 0; 
	background: linear-gradient(to bottom,  rgba(0 105 179,0) 0%,rgba(0 105 179,1) 100%);
 }
 
.sw-timeline.recent .timeline-redirect-link  { padding: 10px 0; width: 100%; box-sizing: border-box; } 
.sw-timeline.recent .timeline-redirect-link .sw-timeline-list-link {    display:inline-block; color: #fff !important;
    background-color: #74b429;
    margin: 20px 0;
    padding: 0 10px;
    border-radius: 6px;
    line-height: 35px;
    height: 35px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    border-color: #74b429;
    font-size: 16px!important;
    font-family: Nunito,Arial;
    font-weight: 400;} 
.sw-timeline.recent .timeline-redirect-link .sw-timeline-list-link:hover { text-decoration: none; background-color: #fff; color:#74b429 !important ; } 
 



/* ================================================================================================================================================================ 
																										RESPONSIVE
   ================================================================================================================================================================ */
   
   
   
/*------------------------------------------------------------------------------------------------------------ SMALL  --------------------------------------------------------------*/

@media only screen and (max-width: 1020px) {	
.LEFTOUTLEFTOUT {  left:-15px; }

	#dnn_BelowButtons .eds_socialStream .edSocialStream_streamItem{
		width:calc( (100% - var(--gap)) / 2 );
		height:350px;
	}
}



@media only screen and (max-width: 960px) {	 
/* =========== RESPONSIVE MENU ============ */
#MobileMenu { display:block; }
#Menu  {display:none;}
.MobileMenuHeader, .MobileMenuHeader.active ~ #MobiNav {display:block;}
.RadPanelBar_LeftMenu { display:none; }

	#swipeDown {display:none!important;} /* mobiles zijn wel gewend aan swiping! */


}






@media only screen and (max-width: 690px) {	 
#footOnderdeelWij { display:none!important; }
}



@media only screen and (max-width: 980px) {	 
/* =========== VLAKKEN ONDER ELKAAR ============ */

 
.ww50.wwL .CMS,
.ww50.wwR .CMS
 { float:left; clear:both; }
 .ww50 { width:100%; }
 
 
 #barAlg .Blok,
 #barNews .Blok { max-width:450px; }
 
 #barNews .ww50.wwL .CMS { margin-bottom:25px; }
 #barAlg .ww50.wwL .CMS { margin-bottom:50px; }
 
}

   
@media only screen and (max-width: 980px) {	

#footOnderdeelStichtig { display:none!important; }


.isWijd  #SeqBlok { width:95%; padding-left:0; }

.LEFTOUT {  left:0px; }





.isHome  #HeaderWrap { min-height:350px; height:350px; }


#MenuWrapper { padding-top:220px; }

	.ContentPane  { max-width:100%; width:100%; padding:0; margin:0; }


	/* ============ HEADER / MENU ================*/	
	
	  .HomeText, #Breadcrumb {display:none;}
		.RadMenu, #BreadcrumbWrapper #Breadcrumb, .SubMenu    {display:none;}	

	

	#HeaderKnoppen { top:40px;  width:100%; right:0px; }


	
	
	
	
	
	
	
	/* ============ SEQ PAGES ================*/	
	
	
	
	#SeqBlok { clear:both; margin-left:0px;  width:100%; }
	
	#LeftMenu { width:100%!important;  padding-bottom:0px!important;  margin:0px;	
	}
	
	#fotoOnderMenu { margin:0px 0px 0px auto;  position:relative;}
	
	
	#LeftMenu div.RadPanelBar_LeftMenu ul.rpRootGroup {width:90%!important; max-width:90%; }
		
	.RadPanelBar_LeftMenu .rpRootGroup .rpItem { float:left!important;  width:auto!important; display:inline-block!important; position:relative!important; }
	
	
	/* ============ FOOTER ================*/	

	#home_rij3 #drieBirds  { left:15px; }
	#foot  .SubBlokB { clear:both; }
	
	#foot  .SubBlok { padding-left:10px; }
	
	
	
}   


@media only screen and (max-width: 800px) {	
	#home_rij3  .DnnModule-ICRArticles_Viewer  .pubItem .pubCont { 	max-width:340px!important; /* lelijk */ }
	
	

}


@media only screen and (max-width: 700px) {	

.isWijd  #SeqBlok { width:auto; }


	#home_rij3  .DnnModule-ICRArticles_Viewer  .pubItem .pubCont { 	margin-left:0px; max-width:100%!important; /* lelijk */ float:none!important; }

	#HeaderKnoppen ul { max-width:240px; }
	#HeaderKnoppen  li:nth-child(3) a {  border-left:none; }
	
	.sw-timeline.recent .sw-timeline-post{width:100%; padding-bottom:20px;}
	.sw-timeline-post{flex-direction:column;}
	.sw-timeline-post .post-images{padding-bottom:10px;}
	.sw-timeline-post{padding-bottom:20px;}
}


   
@media only screen and (max-width: 685px) {	   
	.BlokFlex  { clear:both; }	
	
	/* centreer blokken met translateX */
	.BlokFlex2, .BlokFlex3
	{ margin-left:50%; 
	-ms-transform:translate(-150px,0px);
	-webkit-transform:translate(-150px,0px);
	transform:translate(-150px,0px);
	}
	
	#foot .BlokFlex
	{ margin-left:50%; 
	-ms-transform:translate(-110px,0px);
	-webkit-transform:translate(-110px,0px);
	transform:translate(-110px,0px);
	}
	
}
   
   
@media only screen and (max-width: 600px) {	       
	#dnn_BelowButtons .eds_socialStream .edSocialStream_streamItem{
		width:100% ;
		height:350px;
	}
}


@media only screen and (max-width: 500px) {	


	 /* #HeaderLogoRespWrap { display:block; } 	 */

	
}






/* ----------------------------------------   HOME BLOKKEN VERKLEINEN  ---------------------------------------- */



@media only screen and (max-width: 560px) {

#barAlg .Blok,
 #barNews .Blok { max-width:100%; }

 .Blok { margin:0px 2%; width:96%; }
 
 .pubCont{  width:95%; padding-right:10px; }
 

#barNews   .pubImg { display:none!important; }
 


#barNews  .ww50 > .CMS { width:96%; margin-left:2%; } 
#barAlg    .ww50 > .CMS  { width:96%; margin-left:2%; } 

#barAlg input[type=text] { margin-right:50px!important; 
width:92%!important; 
}


#footLeft { left:-50px; }
#footRight { display:none; }

.Blok  h1 { font-size: 40px!important;}

/*KALENDER*/

.ThemeDefault .EventDay .EventDayScroll > div > a {width:40% !important; text-indent:-999px; background-image:url(images/zoeken.png); background-repeat:no-repeat; background-position:center top;  }	
.EvtHdrMdlCol {display:none}

}

/*------------------------------------------------------------------------------------------------------------ SUPERSMALL  --------------------------------------------------------------*/

@media only screen and (max-width: 360px) {

.pubCont{  width:90%; padding-right:5px;}
 

#footLeft { 
-webkit-transform:scale(.8);
-webkit-transform-origin:left bottom;
} 

.Blok  h1 { font-size: 35px!important;}
 

}










/* ================================================================================ 
                                     FAKE RADMENU
   ================================================================================ */

#Menu { position:relative; z-index:960; isolation:isolate; }
.DesktopMenu .RadMenu_MainMenu{width:100%}
.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; color:#fff;  }  
.DesktopMenu .rmHorizontal .rmItem .rmLink .rmText{margin: 0px; color:#fff; background-color:grey; display: block; white-space: normal; text-align:center; padding:0px 10px; font-weight:bold;   font-size:16px!important; color:inherit!important; font-family:Nunito,Arial; font-weight:400; box-shadow: 0px 0px 12px -2px #000000; border-radius: 10px; height:35px; line-height:35px; margin-left:12px; }
/*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 { }
.DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmSelected > .rmLink > .rmText {}
.DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmBreadcrumb > .rmLink > .rmText {}


.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+1) .rmLink .rmText{background:#76b72a!important; }
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+1):hover .rmLink .rmText{background:#ffffff!important;}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+1):hover .rmLink{color:#76b72a;}

.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+2) .rmLink .rmText{background:#0069b3!important; }
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+2):hover .rmLink .rmText{background:#ffffff!important;}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+2):hover .rmLink{color:#0069b3;}

.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+3) .rmLink .rmText{background:#f6a500!important; }
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+3):hover .rmLink .rmText{background:#ffffff!important;}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+3):hover .rmLink{color:#f6a500;}

.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+4) .rmLink .rmText{background:#e40050!important; }
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+4):hover .rmLink .rmText{background:#ffffff!important;}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+4):hover .rmLink{color:#e40050;}

.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+5) .rmLink .rmText{background:#941b80!important; }
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+5):hover .rmLink .rmText{background:#ffffff!important;}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+5):hover .rmLink{color:#941b80;}


/*--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; padding-bottom:0 !important;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink {margin:0; padding:0; width:100%; display:block;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink .rmText{ min-width:200px;  color:#fff; line-height:40px;  font-size:18px; padding:0 30px; white-space:nowrap; border-radius:0px; box-shadow:none; padding:0px 10px; margin:0; text-align:left; border:2px solid grey; border-top:0; border-bottom:0;}
/*first,last,only*/
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmFirst {}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmFirst > .rmLink > .rmText{padding-top:5px !important; border-radius:10px 10px 0px 0px; border-top:2px solid;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmLast > .rmLink > .rmText{padding-bottom:10px !important; border-radius: 0px 0px 10px 10px; border-bottom:2px solid;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmOnly > .rmLink > .rmText{padding-top:5px !important; padding-bottom:10px !important; border-radius:10px; border-top:2px solid; border-bottom:2px solid; }
/*expanded,hover,selected,breadcrumb*/
.DesktopMenu .rmHorizontal .rmGroup .rmItem:has(.rmSlide:hover) > .rmLink > .rmText  {}
.DesktopMenu .rmHorizontal .rmGroup .rmItem:hover > .rmLink .rmText {color:#ff00ff}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmSelected > .rmLink > .rmText {color:#ff00ff}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmBreadcrumb  > .rmLink > .rmText {color:#ff00ff}



.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+1) .rmGroup .rmItem .rmLink .rmText{border-color:#76b72a!important; }
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+2) .rmGroup .rmItem .rmLink .rmText{border-color:#0069b3!important; }
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+3) .rmGroup .rmItem .rmLink .rmText{border-color:#f6a500!important; }
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+4) .rmGroup .rmItem .rmLink .rmText{border-color:#e40050!important; }
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(5n+5) .rmGroup .rmItem .rmLink .rmText{border-color:#941b80!important; }



/* !!!!!!!!!!   Fake Panelbar / submenu */
.DesktopMenu  ul.rmRootGroup.rmVertical  {width:calc(100% - 30px) !important;   position: relative; z-index: 100; border-radius:10px; border:2px solid #76b72a !Important; width:100%; margin-bottom:20px;}
.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{ padding:2px 12px 3px 10px!important;   border: 0px !important; display:inline-block; white-space: normal;  width:auto; max-width:auto; min-width:50px; min-height:24px; line-height:1.2;  font-weight:normal;   font-size: 20px!important;    font-family: Nunito,Arial; font-weight:400; color:#008cd3; line-height:auto; height:auto; padding:0 !important;}
.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}
.DesktopMenu .rmVertical .rmItem:has(.rmSlide:hover) > .rmLink > .rmText  { color:#e40050; }
.DesktopMenu .rmVertical .rmItem:hover > .rmLink > .rmText { color:#e40050; }
.DesktopMenu .rmVertical .rmItem .rmSelected > .rmLink > .rmText { color:#e40050; }
.DesktopMenu .rmVertical .rmItem.rmBreadcrumb  > .rmLink > .rmText { color:#e40050;}